RevealTheme logo

مولّد الأيقونة المفضلة (favicon)

أنشئ مجموعة favicon كاملة من أي صورة: جميع الأحجام التي تتوقعها المتصفحات وiOS وAndroid.

كيفية استخدام هذه الأداة

  1. 1

    ارفع صورة مربعة (يُفضّل بصيغة PNG، بأبعاد 512×512 أو أكبر).

  2. 2

    نقوم بعرضها بكل أحجام الأيقونة المفضّلة (favicon) الشائعة.

  3. 3

    نزّل كل ملف PNG.

  4. 4

    أشِر إليها في وسم <head> داخل HTML باستخدام سمات sizes المناسبة.

ما هو مولّد الأيقونة المفضلة (favicon)؟

لم تعد أيقونات favicon الحديثة بحجم 16×16 فقط. يتوقع iOS أيقونة apple-touch-icon بحجم 180×180، ويريد Android أيقونات PWA بحجم 192×192 و512×512، وتستخدم الشاشات عالية الكثافة 32×32 أو 48×48. تُنشئ هذه الأداة جميع الأحجام الشائعة من صورة مصدر واحدة كي تتمكن من تقديمها عبر وسوم <link rel='icon' sizes='...'>.

حالات الاستخدام الشائعة

  • Quickly resizing a logo to all the tab and home-screen icon sizes before launching a new website.

  • Generating the 192x192 and 512x512 PNGs a Progressive Web App manifest requires for installability.

  • Producing a 180x180 apple-touch-icon so a page saved to an iPhone home screen shows a crisp icon.

  • Creating 16x16 and 32x32 tab icons for a side project without opening a desktop image editor.

  • Batch-previewing how a detailed logo holds up when shrunk to tiny sizes, so you can simplify it if needed.

  • Resizing icons offline or on a locked-down work machine where uploading brand assets to a web service is not allowed.

الأسئلة الشائعة

ما حجم صورة المصدر الذي ينبغي أن أستخدمه؟
ملف PNG مربّع بحجم 512×512 أو أكبر يعطي أفضل النتائج: فتصغير الحجم يحافظ على التفاصيل أفضل من تكبيره.
هل أحتاج إلى ملف ICO؟
تقبل المتصفحات الحديثة أيقونات favicon بصيغة PNG. أما صيغة ICO فلازمة فقط للتوافق مع IE القديم، وهو نادر اليوم.

أدوات ذات صلة