كيفية إنشاء أيقونة favicon من صورة
آخر تحديث
أيقونة favicon هي الأيقونة الصغيرة في تبويب المتصفح، وتُحفظ بصيغة ملف .ico. لإنشاء واحدة، ابدأ بصورة مربعة ثم حوّلها: افتح محول PNG إلى ICO من EditItAll، أفلت شعارك فيه، ثم نزّل ملف .ico. يعمل ذلك كله داخل متصفحك، لذا لا تُرفع الصورة أبدًا.
ابدأ الآن — مجانًا، في متصفحك
Open the PNG → ICO converterما هي أيقونة favicon، والصيغة التي تحتاجها
أيقونة favicon هي الصورة الصغيرة التي يعرضها المتصفح في التبويب، وفي الإشارات المرجعية، وفي السجل بجانب اسم موقعك. الصيغة التقليدية هي ICO، وهو ملف أيقونة صغير تتعرف عليه معظم المتصفحات دون أي إعدادات إضافية.
هناك أمران يجعلان أيقونة favicon جيدة: يجب أن تكون مربعة تقريبًا، وأن تبقى واضحة عند تصغيرها إلى حجم ظفر الإصبع. لهذا السبب تكون أيقونة favicon عادةً حرفًا واحدًا جريئًا، أو رمز شعار، أو شكلًا بسيطًا بدلًا من صورة مفصّلة.
حوّل صورتك إلى ملف .ico
إن كان لديك بالفعل شعار مربع، فتحويله خطوة واحدة فقط:
- افتح محول PNG إلى ICO وأفلت صورتك فيه.
- دعه يُكمل التحويل، ثم نزّل ملف
.ico. - أضفه إلى موقعك باسم
favicon.ico، أو أشر إليه من HTML الخاص بك.
هل تبدأ من صيغة مختلفة؟ استخدم محول JPG إلى ICO لصورة فوتوغرافية أو شعار مسطّح، أو SVG إلى ICO إذا كان رمزك متجهًا: يُعد المصدر المتجه مثاليًا لأنه يُرسم بدقة عند أي حجم تحتاجه الأيقونة. يتم كل تحويل داخل متصفحك، لذا لا تُرفع الصورة أبدًا.
جهّز أولًا مصدرًا نظيفًا ومربعًا
لا يمكن للأيقونة أن تكون أوضح مما تمنحه لها. إذا لم تكن صورتك مربعة، فاقصصها أولًا إلى مربع في محرر الصور حتى لا يضطر المحول إلى التخمين: ضع الجزء المهم في المنتصف واحذف الباقي. بسّط الرسوم المزدحمة إلى شكل قوي واحد أو حرف واحد، لأن التفاصيل الدقيقة تتحول إلى تشويش غير واضح بحجم أيقونة favicon.
إذا كان شعارك موجودًا كرسم متجه، فاحتفظ به بصيغة SVG أطول مدة ممكنة، وحوّله إلى ICO في النهاية فقط: تبقى المتجهات واضحة لأنها تُعرض بدقة عند حجم البكسل المطلوب تمامًا بدلًا من تكبيرها من صورة نقطية صغيرة. لمزيد من المعلومات المرتبطة بترقيم المتجهات بشكل نظيف، راجع تحويل SVG إلى PNG دون فقدان الجودة.
الأسئلة الشائعة
ما الحجم الذي يجب أن تكون عليه أيقونة favicon؟+
أيقونة favicon صغيرة ومربعة: أيقونة مدمجة تعرضها المتصفحات في التبويب. ابدأ بصورة مصدر مربعة، وينتج المحول ملف .ico يمكنك وضعه مباشرة في موقعك.
هل يمكنني إنشاء أيقونة favicon من صورة فوتوغرافية؟+
نعم، رغم أن الصورة الفوتوغرافية نادرًا ما تبدو جيدة بحجم التبويب. اقصصها إلى مربع واختر صورة بموضوع واحد واضح؛ فالشعار أو الحرف البسيط يبدو دائمًا تقريبًا أوضح من صورة فوتوغرافية مفصّلة.
هل أحتاج إلى صيغة .ico؟+
صيغة ICO هي الأكثر تعرّفًا عليها على نطاق واسع لأيقونات favicon، وتعمل دون أي إعدادات إضافية. تحويل صورتك إلى .ico هو الخيار الافتراضي الأكثر أمانًا لدعم واسع عبر المتصفحات.
هل يتم رفع صورتي لإنشاء أيقونة favicon؟+
لا. يعمل المحول بالكامل داخل متصفحك، لذا لا يغادر شعارك أو صورتك جهازك أبدًا: يمكنك حتى العمل دون اتصال بعد تحميل الصفحة.
لماذا تبدو أيقونة favicon الخاصة بي ضبابية؟+
الضبابية تعني عادةً أن المصدر كان صغيرًا أو مفصّلًا جدًا. ابدأ بصورة أكبر ومربعة وعالية التباين، أو بمتجه، حتى يبقى وضوح كافٍ عند تصغيرها إلى حجم الأيقونة.