SEO
Favicon Generator
ارفع صورة واحصل على مجموعة كاملة من الأيقونات المفضلة (16–512px، .ico، بيان ويب) بالإضافة إلى كود HTML جاهز لوضعه في <head>.
يحتوي الأرشيف على جميع ملفات PNG وfavicon.ico وsite.webmanifest.
Modern browsers and operating systems no longer expect just one favicon.ico — they need a whole set of icon sizes for the browser tab, bookmarks, the iOS/Android home screen, and a PWA web manifest. This tool generates that entire set from a single uploaded image.
How to use it
- Upload a source image (ideally square, at least 512×512px) and the tool generates the full size range (16-512px) in ICO and PNG formats.
- Download an archive containing every favicon file and the site.webmanifest.
- Copy the finished block of <link> tags and paste it into the site's <head>.
Common uses
- Setting up a full favicon set for a new site without manually creating every size by hand.
- Upgrading an outdated icon setup (just a favicon.ico) to the modern standard with PWA and Android maskable icon support.
- Quickly checking how a logo looks shrunk down to 16×16px — fine details often blur together at that size.
Things to keep in mind
At small sizes (16-32px), fine logo details become illegible — a simplified mark works better as a favicon than a full logo with text.
Android maskable icons need a safe zone padded around the main artwork, or important content can get cropped off when a shape mask is applied.
مقالة عن هذه الأداة: Favicon: لماذا تحتاج أيقونة واحدة إلى كل هذا العدد من الأحجام والصيغ
الأسئلة الشائعة
لماذا أحتاج إلى الكثير من أحجام الأيقونة المفضلة المختلفة؟
تطلب المنصات المختلفة أحجامًا مختلفة — عادةً ما تستخدم علامات تبويب المتصفح 16×16 أو 32×32، وتحتاج أيقونات الشاشة الرئيسية في iOS إلى 180×180، ويستخدم Android أحجامًا متنوعة تصل إلى 512×512 — إنشاء المجموعة الكاملة يضمن ظهور أيقونتك بوضوح في كل مكان.
ما الفرق بين أيقونات .ico و.png؟
يمكن لتنسيق .ico تجميع عدة دقات في ملف واحد ولديه أوسع دعم للمتصفحات القديمة، بينما تقبل المتصفحات الحديثة أيضًا ملفات .png العادية المُشار إليها مباشرة في وسوم link — تستخدم معظم المواقع اليوم كليهما للتوافق.
هل تُرسَل صورتي المرفوعة إلى خادم لإنشاء الأيقونات المفضلة؟
لا. تحدث جميع عمليات تغيير الحجم وتحويل التنسيق بالكامل في متصفحك — لا تُرفع الصورة إلى أي مكان أبدًا.
هل يمكن استخدام SVG كأيقونة مفضلة؟
نعم — تدعم المتصفحات الحديثة المبنية على Chromium وFirefox <link rel="icon" type="image/svg+xml">، وتبقى هذه الأيقونة واضحة على أي كثافة شاشة، بل يمكنها الاستجابة للوضع الداكن عبر prefers-color-scheme داخل الملف نفسه.
ما هي أيقونة maskable لنظام Android؟
هي أيقونة تحتوي على منطقة أمان حول الرسم الأساسي، يمكن لنظام Android اقتصاصها بأي شكل (دائرة، مربع بزوايا مدورة، إلخ) حسب سمة الجهاز، دون قص المحتوى المهم من الأيقونة.