مولد الفافيكون - إنشاء جميع أحجام الفافيكون من Image

قم بتحميل أي صورة واحصل فورا على مجموعة ال favicon كاملة: 16، 32، 48، 180 (آبل)، 192 & 512 (PWA) بالإضافة إلى site.webmanifest، معبأة كملف ZIP.

ضع شعارك لتوليد كل حجم المحبوبين

يتضمن site.webmanifest + مقتطف HTML

حول فافيكون جنراتور

يعرض صورتك إلى ستة أحجام favicon تستخدمها المتصفحات اليوم (متجاوزا مسار .ico القديم الذي لا تزال بعض المواقع بحاجة إليه)، بالإضافة إلى قائمة تطبيقات ويب جاهزة للإسقاط. يعمل بالكامل في متصفحك — لا رفع، ولا انتظار.

Frequently Asked Questions

بالنسبة للمتصفحات والأجهزة الحديثة تحتاج إلى ستة أحجام: 16×16 و32×32 لعلامات تبويب المتصفح، 48×48 لأيقونات مواقع ويندوز، 180×180 لأيقونة Apple touch (شاشة iOS الرئيسية)، و192×192 + 512×512 لشاشات أندرويد الرئيسية وتعليمات تثبيت PWA. مولدنا ينتج جميع الستة بالإضافة إلى بيان site.webmanifest من صورة مصدر واحدة.

usage

معظم المتصفحات الحديثة تفضل علامات روابط PNG (rel="icon" type="image/png"), لذا لم يعد ملف ICO. نتجاوز ICO القديم ونوفر فافيكونات PNG بالحجم الصحيح لكل هدف حديث. إذا كان يجب عليك دعم Internet Explorer أو Chrome القديم جدا، يمكنك تحويل أحد PNG إلى ICO بشكل منفصل.

technical

ملف تطبيق الويب هو ملف JSON يخبر أندرويد وكروم وإيدج كيف يجب أن يبدو موقعك عند تثبيته كتطبيق ويب تقدمي — الأيقونة، الاسم، لون القالب ووضع العرض. مولدنا يتضمن بيان بداية يشير إلى أيقونات Android Chrome؛ كل ما عليك هو تعديل الاسم و theme_color.

features

PNG مربع (1:1) عند 512×512 أو أكبر يعطي أنظف مخرج في كل حجم. تجنب التفاصيل الدقيقة التي تختفي عند 16×16 — القطع الفايكونات تعمل بشكل أفضل مع شكل جريء واحد وتباين عالي. تعمل PNG الشفافة؛ تقوم أداة بوضع صناديق البريد بحيث يكون الأيقونة في منتصف كل حجم.

tips

نعم — يتم تغيير حجم صورة المصدر عبر واجهة برمجة تطبيقات Canvas ويتم تغليفها كملف ZIP محليا. لا يتم رفع أي شيء. وهذا يجعل من الآمن إنشاء أيقونات للمنتجات غير المنشورة وهويات العلامات التجارية قبل الإطلاق.

privacy

قم بفك ضغط التحميل في مجلد /public (أو مجلد الجذر على الويب) في موقعك، ثم أضف مقتطف HTML المرفق إلى وسوم الروابط لأيقونات PNG الخاصة ب <head>: بالإضافة إلى رابط إلى site.webmanifest. تحديث الموقع بشكل صارم (Cmd+Shift+R) — المتصفحات تخزن الفايكونات بشكل مكثف، لذا قد تحتاج إلى مسح الذاكرة المؤقتة لظهور الأيقونة الجديدة.

usage

نعم — ملفات PNG 192×192 و512×512 هي بالضبط ما تبحث عنه كروم وإيدج لتأهيل الموقع كنظام حماية صحي قابل للتركيب. مع قائمة البيان، تستوفي اختبار تركيب PWA من المنارت.

technical

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

pricing

Use Cases

إطلاق هاكر مستقل

المؤسسون المنفردين الذين يشحنون MVP الخاص بهم يحتاجون إلى مشاهد مميزة قبل الإطلاق. قم بتوليد كل حجم من صورة شعارك والقائمة بنقرة واحدة — لا تحتاج إلى Figma، ولا اشتراك في التصميم.

development

إعداد عميل الوكالة

عند تسليم موقع عميل جديد، نادرا ما يتم تخصيص ميزانية لمجموعة المفضلات لكنها دائما متوقعة. قم بإنشاء ملف ZIP في نهاية المشروع، وضعه في /public، وحدد علامة على التسليم.

agency

قابلية تركيب PWA

لاجتياز اختبار تثبيت كروم، يحتاج بيانك إلى أيقونات 192×192 و512×512. مخرجنا يلبي هذا الشرط من البدلاء، بالإضافة إلى علامات رأس HTML المطابقة.

development

مساحات العمل متعددة العلامات التجارية

الوكالات والمستشارون الذين يتعاملون مع عدة علامات تجارية يمكنهم إعادة إنشاء مجموعة المفضلات خلال 10 ثوان عند تحديث العلامة التجارية — لا حاجة للحفاظ على إجراء فوتوشوب.

agency

العلامة التجارية لمشروع المصدر المفتوح

مواقع GitHub Pages وVercel وNetlify وCloudflare Pages جميعها تحتاج إلى favicons لتبدو مصقولة في علامات التبويب في المتصفح. أدخل الملفات المولدة في المستودع الخاص بك وسيبدو أن مشروعك تم شحنه.

opensource

تجديد إعادة التسمية

عند تغيير شعارك، قم بإعادة توليد كل الحجم المطلوب — بما في ذلك أيقونة Apple touch ب 180 بكسل وأيقونة PWA لأندرويد 512 بكسل — دون الحاجة لإعادة التصدير يدويا من Illustrator.

branding