محول مجاني
مولّد الأيقونات المصغّرة
أنشئ ملفات favicon بأحجام متعددة (16x16 إلى 512x512) من أي صورة. مجاني وسريع ويعمل بالكامل في متصفحك.
اسحب وأفلت صورة هنا
يدعم PNG وJPG وSVG وWebP. الحجم الأقصى 10MB.
أو
أنشئ ملفات favicon بأحجام متعددة (16x16 إلى 512x512) من أي صورة. مجاني وسريع ويعمل بالكامل في متصفحك.
يدعم PNG وJPG وSVG وWebP. الحجم الأقصى 10MB.
الرمز المفضل هو الرمز الصغير الذي يظهر في علامات تبويب المتصفح والإشارات المرجعية وقوائم المحفوظات. تم توسيع الرمز المفضل الأصلي — وهو ملف ICO مقاس 16 × 16 على /favicon.ico — إلى مجموعة معقدة من الرموز بأحجام مختلفة لمنصات مختلفة: 16 × 16 و32 × 32 لعلامات تبويب المتصفح، و180 × 180 لشاشات iOS الرئيسية، و192 × 192 و512 × 512 لنظام Android، وأحجام مختلفة لبلاطات Windows. إن إنتاج كل هذه الأشياء من صورة مصدر واحدة هو ما يفعله مولد المفضلة الحديث.
تأخذ هذه الأداة صورة مصدر واحدة عالية الدقة (عادةً ما تكون شعارًا مربعًا) وتقوم بإنشاء مجموعة كاملة من أصول الأيقونة المفضلة بالإضافة إلى علامات ارتباط HTML اللازمة للإشارة إليها. يتضمن الإخراج ICO وملفات PNG المتعددة وملف Manifest.json للبيانات التعريفية لتطبيق الويب التقدمي. قم بإسقاط الملفات الناتجة في جذر موقعك وقم بالإشارة إليها عبر HTML الذي تم إنشاؤه.
تتم كل المعالجة في متصفحك. لا يوجد تحميل، لا يوجد استدعاء API، لا يوجد حد للسعر. يعمل الإخراج على كل متصفح ونظام تشغيل حديث يعرض الرموز المفضلة.
تبدو المواقع التي لا تحتوي على أيقونات مفضلة غير مكتملة. تعرض علامات تبويب المتصفح رمزًا عامًا؛ الإشارات المرجعية ليس لها معرف مرئي؛ يبدو الموقع أقل احترافية. تعد إضافة مجموعة أيقونات مفضلة مناسبة بمثابة خطوة تلميع منخفضة الجهد وعالية التأثير تشير إلى الاهتمام بالتفاصيل.
لقد تطورت متطلبات الأيقونة المفضلة الحديثة إلى ما هو أبعد من /favicon.ico. تستخدم أيقونات الشاشة الرئيسية لنظام التشغيل iOS وأيقونات Android Chrome وأيقونات بلاط Windows ومتغيرات الوضع المظلم ملفات مختلفة. ويضمن إنشاءها جميعًا من مصدر واحد علامة تجارية متسقة دون إدارة كل ملف يدويًا.
قم بتحميل الصورة المصدر، واحصل على مجموعة الأيقونات المفضلة الكاملة.
مجموعة الأيقونات المفضلة الحديثة الكاملة: favicon.ico (16+32+48 متعددة الدقة)، favicon-16x16.png، favicon-32x32.png، apple-touch-icon.png (180×180)، android-chrome-192x192.png، android-chrome-512x512.png، mstile-150x150.png. بالإضافة إلى site.webmanifest لـ PWA، و browserconfig.xml لـ Windows.
يتم إنشاء كل PNG عن طريق الاختزال المستند إلى القماش من المصدر. تم إنشاء ICO في JavaScript من خلال دمج إصدارات 16/32/48 في تنسيق ICO متعدد الدقة باستخدام عمليات الكتابة DataView.
تشير علامات ارتباط HTML إلى كل ملف بسمات rel والأحجام المناسبة. يقوم المولد بإنتاج هذه العناصر كمقتطف جاهز للنسخ واللصق لـ <head> الخاص بموقعك.