مولد أيقونات Favicon وPWA

رفع واحد، وكل أيقونة يطلبها تبويب المتصفح أو الشاشة الرئيسية، بالإضافة إلى الوسوم التي تشير إليها.

اصنع مجموعة favicon الخاصة بك

SVG, PNG, JPG, WebP, HEIC · حتى 8 ميغابايت · مجانًا لملفاتك الخاصة ونتائجك غير المقفلة

سجّل الدخول لاستخدام إحدى نتائجك غير المقفلة. حتى 45 حرفًا. يُضاف إلى site.webmanifest. حتى 12 حرفًا: التسمية التي تظهر أسفل الأيقونة على الشاشة الرئيسية.
تملأ الخلفية أيقونة Apple touch بحجم 180 بكسل وأيقونات maskable. ويُطبَّق الهامش عليها وعلى أيقونات التطبيق بأحجام 192 و512 بكسل؛ أما أيقونات favicon للتبويب فتستخدم المربع كاملًا. المجلد الذي ستوضع فيه الملفات، مثل / أو /icons/. يحدد المسارات في وسوم HTML.

ما الذي تفعله هذه الأداة

تصنع كل أيقونة يحتاجها موقعك من صورة واحدة: favicon.ico، وأيقونات favicon بصيغة PNG، وfavicon بصيغة SVG (من SVG)، وأيقونة Apple touch بلون خلفيتك، وأيقونات تطبيق الويب — ومنها أيقونات maskable تبقى واضحة عندما يقصها الهاتف على شكله الخاص. ويحتوي ملف ZIP أيضًا على site.webmanifest وfavicon.html، أي الوسوم التي تلصقها في صفحاتك. يحصل PNG أو JPG أو WebP أو HEIC على كل الأيقونات باستثناء favicon بصيغة SVG؛ فهذه الأداة لا تتتبّع الصور.

لأسباب أمنية، تُزال البرامج النصية والرسوم المتحركة ومحتوى الويب المضمّن والروابط وكل ما يحمّل ملفًا آخر؛ ويبقى تصميمك وصور PNG أو JPEG أو WebP المضمّنة. وتسرد النتيجة كل ما أُزيل.

المدخلات والمخرجات والحدود

المدخلات

SVG أو PNG أو JPEG أو WebP أو HEIC

المخرجات

ملف ZIP يضم favicon.ico وأيقونات favicon بصيغة PNG وfavicon بصيغة SVG (لمصادر SVG) وأيقونة Apple touch وأيقونات PWA وsite.webmanifest ووسوم HTML

الحدود

الملفات حتى 8 ميغابايت؛ وصور PNG وJPG وWebP حتى 24 ميغابكسل، وتُصغَّر إلى 1,536 بكسل قبل التصدير. تصنع favicon.ico بصور بحجم 16، 32، 48 بكسل، وأيقونات favicon بصيغة PNG بحجم 16 و32 بكسل، وأيقونة Apple touch بحجم 180 بكسل، وأيقونات تطبيق بحجم 192 و512 بكسل، وكل منها أيضًا كأيقونة maskable يبقى تصميمها داخل المنطقة الآمنة (دائرة في المنتصف، نصف قطرها 40% من حجم الأيقونة). حد المعالجة: 30 ث.

كيف يعمل

1

اختر تصميمك

ارفع SVG للحصول على أوضح الأيقونات وfavicon بصيغة SVG، أو PNG أو JPG أو WebP أو HEIC. وبعد تسجيل الدخول، يمكنك اختيار إحدى نتائجك غير المقفلة بدلًا من ذلك.

2

سمِّه واختر الألوان

يُضاف الاسم والاسم المختصر إلى web manifest. لون السمة هو اللون الذي تصبغ به بعض المتصفحات واجهتها؛ ولون الخلفية يملأ أيقونة Apple touch وأيقونات maskable.

3

ارفع الملفات والصق الوسوم

ضع كل ملفات ZIP في المجلد الذي حددته كبادئة للمسار، ثم الصق الوسوم من favicon.html في قسم head لكل صفحة. ويوضّح ملف README داخل ZIP الغرض من كل ملف.

حل المشكلات

لماذا لا يوجد favicon.svg؟

لا تُصنع أيقونة favicon بصيغة SVG إلا من ملف SVG فيكتوري بالكامل. أما PNG أو JPG أو WebP أو HEIC، أو SVG بداخله صورة، فيحصل على أيقونات favicon بصيغتي PNG وICO بدلًا منها، وتوضّح النتيجة ذلك.

الأيقونة القديمة لا تزال تظهر

تحتفظ المتصفحات بأيقونات favicon في ذاكرة التخزين المؤقت لفترة طويلة. افتح الصفحة في نافذة خاصة، أو امسح بيانات الموقع، لرؤية الملفات الجديدة.

شعاري يبدو صغيرًا في أيقونة maskable

قد تقص المشغّلات الأيقونة من نوع maskable على شكل دائرة، لذا يُصغَّر التصميم ليناسب المنطقة الآمنة الدائرية. قلّل الهامش لتكبيره؛ ويمكن للعلامة الدائرية أن تملأ الدائرة بالكامل.

هل تغيّر بادئة المسار ملف manifest؟

لا. مسارات الأيقونات داخل site.webmanifest نسبية إلى ملف manifest، لذا تعمل من أي مجلد ما دامت الملفات معًا. البادئة تحدد المسارات في favicon.html.

الوصول والأسعار

هذه الأداة لا تستهلك أرصدة عند استخدامها على ملف ترفعه أو نتيجة ألغيت قفلها من قبل. تُحفظ الملفات 24 ساعة للزوار و30 يومًا في الحساب. راجع الأسعار.

أدلة favicon وPWA

favicon بصيغة SVG أم PNG أم ICO؟أيقونات PWA من نوع maskable: المنطقة الآمنة والإعداد

أدوات ذات صلة

اصنع أيقونة تطبيقكحزم موارد Android وiOSمحوّل SVG إلى PNGحوّل SVG إلى PNG، حتى 4,096 بكسلمحسّن SVGصغّر ملف SVG دون تغييرهمحرر SVG أونلاينأعِد التلوين وعدّل الأشكال وصدّر في المتصفح