الأدوات · الصور · مولّد أيقونة الموقع (Favicon)
مولّد أيقونة الموقع (Favicon)
حوّل صورة واحدة إلى مجموعة أيقونات كاملة - ملف .ico متعدد الأحجام، وصور PNG منفصلة، وملف بيان ويب - بالإضافة إلى كود HTML جاهز للّصق، كل ذلك داخل متصفحك.
أضف ملفًا وشغّل الأداة.
ملفك جاهز.
جرّب ملفًا آخر، أو أعد المحاولة.
الإعدادات
اختر ملفًا، واضبط الإعدادات، ثم شغّل الأداة.
تعمل الأداة بالكامل داخل متصفحك. لا يُرفع أي ملف.
كيف تعمل
أفلت صورتك المصدر أو اخترها (JPG أو PNG أو WebP أو GIF أو BMP، حتى 25 ميغابايت).
اختر لون خلفية للأيقونات التي لا يمكن أن تبقى شفافة، مثل أيقونة آبل للشاشة الرئيسية.
نزّل الملف المضغوط، والصق كود HTML داخل <head> في موقعك.
أسئلة شائعة
سبعة ملفات: ملف favicon.ico متعدد الأحجام (16 و32 و48 بكسل في حاوية واحدة)، وخمس صور PNG منفصلة بأحجام 16 و32 و180 و192 و512 بكسل، وملف site.webmanifest يشير إلى أكبر صورتين.
يغطي هذا نفس المجموعة الأساسية - ملف .ico، أحجام PNG، أيقونة آبل، وبيان الويب - دون رفع صورتك إلى أي مكان. يتخطى صيغ Windows Tile وتبويب Safari المثبّت، وهي صيغ لا يحتاجها أغلب المواقع الحديثة.
يُقصّ كل حجم إلى مربع، مُتمركزًا حول الصورة، دون أي تمديد أو تشويه.
لا. تتم كل عمليات تغيير الحجم وإنشاء الملف المضغوط داخل متصفحك. الصورة لا تغادر جهازك أبدًا.
أدلة
نظرة أقرب على مشكلات محددة تحلّها هذه الأداة.
Why Your Favicon Looks Blank or Cropped on Some Devices
A missing favicon doesn't throw an error - it just shows up blank on a phone home screen or in a browser tab, in exactly the places you're least likely to check yourself.
اقرأ الدليلHow to Generate a Complete Favicon Set From One Logo
Drop one image in and get seven files back: a multi-size .ico, five PNGs, and a manifest, plus the HTML to paste. Here is the whole process, step by step.
اقرأ الدليلFavicons for a PWA: Do You Actually Need the Manifest Too
A favicon and an installable-app icon are read from two different places. Here is what the generated site.webmanifest actually does, and when you can skip it.
اقرأ الدليل
التعليقات