إنشاء ملف favicon.ico من صورة
ينشئ أيقونة favicon بصيغة ICO بعدة مقاسات من صورة واحدة.
تساعدك هذه الأداة على إنشاء favicon من ملف JPG أو PNG أو WEBP أو GIF أو BMP. ارفع شعارك أو أيقونتك، وحدد المقاسات التي تريدها من 16x16 إلى 256x256 ثم نزّل الملف favicon.ico. تُجمع كل المقاسات المحددة في ملف ICO واحد، فيستطيع المتصفح ونظام التشغيل اختيار المقاس المناسب. ابدأ بصورة مربعة وبشكل بسيط، لأن الأيقونة تظهر بأحجام صغيرة جدًا.
كيف تنشئ أيقونة الموقع
ارفع صورة لا يتجاوز حجمها 20 MiB، واختر المقاسات التي تريد تضمينها ثم أرسل النموذج. المقاسات المتاحة هي 16 و32 و48 و64 و128 و256 بكسل، وجميعها محددة افتراضيًا. تنزّل ملفًا واحدًا باسم favicon.ico يحتوي على كل مقاس حددته.
ما المقاسات التي تضمّنها
تستخدم تبويبات المتصفح المقاسين 16x16 و32x32، بينما تستخدم اختصارات ويندوز وبعض أشرطة الإشارات المرجعية المقاس 48x48 وما فوقه. يبقى تضمين المقاسات الستة كلها خيارًا آمنًا ويظل الملف صغيرًا. وإذا تركت كل المربعات غير محددة، فستضيف الأداة المقاسات الستة تلقائيًا. تبقى شفافية PNG محفوظة داخل ملف ICO.
تجهيز الصورة الأصلية
استخدم صورة مربعة، ويفضل ألا تقل عن 256 × 256 بكسل، بعلامة واضحة وبسيطة وبلا نصوص دقيقة، فالتفاصيل الصغيرة تختفي عند 16 بكسل. قد تتشوه الصورة غير المربعة، لذلك اقصصها إلى مربع أولًا. وإذا أردت أن تظهر الأيقونة بوضوح على سمات المتصفح الفاتحة والداكنة فاستخدم صورة PNG شفافة.
استخدام الأيقونة في موقعك
ارفع favicon.ico إلى الجذر الرئيسي لموقعك وأضف وسم link في رأس الصفحة، مثل سطر rel=icon يشير إلى /favicon.ico. تنتج هذه الأداة ملف ICO فقط، ولا تنتج أيقونات Apple touch ولا ملف web manifest. لتجهيز الصورة الأصلية استخدم تغيير حجم الصورة، أو محول الصور لتحويل ملف PNG مصدّر من SVG. وبعد رفع الملف امسح ذاكرة التخزين المؤقت في المتصفح إن لم تظهر الأيقونة الجديدة فورًا.
الأسئلة الشائعة
ما الصورة التي أستخدمها لإنشاء favicon؟
استخدم شعارًا أو أيقونة مربعة، ويفضل أن تكون بقياس 256 × 256 بكسل أو أكبر، بشكل بسيط وتباين قوي. الصور المفصلة والنصوص الصغيرة تصبح غير مقروءة عندما تظهر بقياس 16 بكسل في تبويب المتصفح.
ما المقاسات التي يحتويها الملف؟
يمكنك تضمين مربعات بقياس 16 و32 و48 و64 و128 و256 بكسل. جميعها محددة افتراضيًا وتُجمع في ملف favicon.ico واحد، فيختار كل متصفح أو نظام تشغيل المقاس الذي يحتاج إليه من داخل الملف نفسه.
هل تنشئ الأداة ملفات PNG أو أيقونات Apple touch؟
لا. الناتج ملف favicon.ico واحد. إذا كنت تحتاج إلى PNG بمقاس واحد فاستخدم تغيير حجم الصورة، وإذا كان مصدرك ملف SVG فيمكن لمحوّل SVG تحويله إلى PNG بالعرض الذي تختاره أنت.
هل تبقى الشفافية في الأيقونة؟
نعم. تُحوَّل الصورة إلى RGBA قبل كتابة ملف ICO، فتبقى المناطق الشفافة في صورة PNG شفافة داخل الأيقونة. ملفات JPG لا تدعم الشفافية، لذلك تحصل على خلفية بلون ثابت بدل الشفافية.
أين أضع ملف favicon.ico في موقعي؟
ضع الملف في المجلد الجذر لموقعك وأشر إليه في رأس الصفحة بوسم rel=icon يوجّه إلى /favicon.ico. تطلب المتصفحات هذا المسار افتراضيًا، لذلك قد يعمل الملف أحيانًا حتى من دون الوسم.
أدوات ذات صلة
إنشاء ملصق صور
يجمع عدة صور في ملصق واحد على شكل شبكة.
استخدم الأداة →منشئ رموز QR
يحوّل أي نص أو رابط إلى رمز QR قابل للمسح.
استخدم الأداة →قارئ رموز QR
يفك ترميز النص أو الرابط المخفي في صورة رمز QR.
استخدم الأداة →محوّل HEIC
يحوّل الصورة الأساسية في ملف HEIC أو HEIF إلى JPEG أو PNG.
استخدم الأداة →محوّل SVG
يحوّل ملف SVG مستقلًا بذاته إلى PNG أو JPEG أو PDF بعرض تختاره.
استخدم الأداة →