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 القديم، وهو نادر اليوم.

أدوات ذات صلة