كيف تعمل
اختر المصدر
ارفع صورة، أنشئ من نص بخطوط مخصصة، اختر من مئات الإيموجي، أو ارسم فن البكسل. حلل أي رابط لاستخراج Favicons الموجودة.
تخصيص ومعاينة
اضبط الخلفيات، التدرجات، الاستدارة، والتأثيرات. عاين Favicon الخاص بك في علامات تبويب المتصفح، شاشة iOS الرئيسية، Android، وبلاطات Windows في الوقت الحقيقي.
توليد وتحميل
قم بتوليد جميع الأحجام بنقرة واحدة. حمل الحزمة الكاملة مع مقتطفات كود جاهزة للاستخدام لأكثر من 35 إطار عمل.
أربع طرق لإنشاء Favicon الخاص بك
رفع صورة
ابدأ بأي صورة — PNG, JPG, SVG, أو WebP. أضف خلفيات، اضبط الحشو، السطوع، التباين، وطبق زوايا مستديرة. مثالي للشعارات وأصول العلامة التجارية الموجودة.
نص إلى Favicon
أنشئ Favicons نصية مع أكثر من 1500 خط Google. اختر أوزان الخط، الألوان، وأضف خلفيات صلبة أو متدرجة. مثالي لأيقونات العلامات التجارية البسيطة المعتمدة على الحروف.
إيموجي Favicon
اختر من مئات الإيموجي عبر 12 فئة بما في ذلك جميع أعلام الدول. أضف خلفيات ملونة مع إعدادات مسبقة أو تدرجات مخصصة لمظهر مصقول.
لوحة فن البكسل
ارسم Favicon الخاص بك بكسل تلو الآخر على شبكة قابلة للتخصيص. استخدم أدوات القلم، الممحاة، والملء مع دعم التراجع/الإعادة. صدر إبداعك الفني بالبكسل فوراً.
ميزات قوية
100% خاص
تتم جميع المعالجات محلياً في متصفحك. صورك لا تغادر جهازك أبداً. لا رفع، لا تخزين سحابي، لا جمع بيانات.
جميع المنصات مغطاة
قم بتوليد أكثر من 15 حجم Favicon للمتصفحات، شاشة iOS الرئيسية، Chrome Android، بلاطات Windows، علامات تبويب Safari المثبتة، وتطبيقات الويب التقدمية.
معاينة حية
شاهد بالضبط كيف يبدو Favicon الخاص بك في علامات تبويب المتصفح، شاشة iOS الرئيسية، مشغل Android، وبلاطات Windows قبل التوليد.
مقتطفات لأكثر من 35 إطار عمل
احصل على كود جاهز للاستخدام لـ HTML, React, Vue, Next.js, Nuxt, Angular, Astro, Svelte, WordPress, Shopify, Laravel, Django, وأكثر من 25 منصة أخرى.
محلل URL
حلل أي موقع ويب لاستخراج Favicons الموجودة. شاهد الأحجام الموجودة، وما هو مفقود، وأعد توليد مجموعة كاملة بنقرة واحدة.
سجل التوليد
الوصول إلى توليدات Favicon الأخيرة الخاصة بك. استعد الإبداعات السابقة، قارن الإصدارات، أو تابع التحرير من حيث توقفت.
قوالب سريعة
ابدأ بقوالب مصممة باحترافية تتميز بألوان صلبة، تدرجات، وأنماط. طبق وخصص لتتناسب مع علامتك التجارية.
ICO متعدد الأحجام
ينشئ تلقائياً ملفات ICO متعددة الدقة تضم أحجام 16x16، 32x32، و 48x48 لأقصى توافق مع المتصفحات.
حزمة المخرجات الكاملة
Favicons قياسية
favicon.ico (متعدد الأحجام)، و PNGs بحجم 16x16، 32x32، و 48x48 لعلامات تبويب المتصفح والإشارات المرجعية.
أيقونات Apple Touch
أيقونة Apple Touch بحجم 180x180 لشاشة iOS الرئيسية، بالإضافة إلى SVG لعلامة تبويب Safari المثبتة مع لون سمة قابل للتخصيص.
أيقونات Android و PWA
أيقونات 192x192 و 512x512 لـ Chrome Android وتطبيقات الويب التقدمية، بما في ذلك دعم الأيقونات القابلة للإخفاء.
بلاطات Windows
بلاطة Microsoft بحجم 270x270 مع browserconfig.xml لتكامل قائمة Start وشريط المهام في Windows.
بيان الويب
ملف site.webmanifest كامل مع مراجع الأيقونات، ألوان السمة، وإعدادات عرض PWA.
الأسئلة الشائعة
ما أحجام Favicon التي أحتاجها؟
لماذا أحتاج إلى ملف ICO؟
هل يجب أن يكون لـ Favicon الخاص بي خلفية شفافة؟
هل يجب أن تكون صورة المصدر مربعة؟
هل صوري آمنة وخاصة؟
ما هي أطر العمل المدعومة؟
ماذا عن تطبيقات الويب التقدمية؟
فهم Favicons
Favicons هي أيقونات صغيرة تمثل موقع الويب الخاص بك عبر المتصفحات، الإشارات المرجعية، الشاشات الرئيسية، ومشغلات التطبيقات. تضمن مجموعة Favicon الكاملة أن تبدو علامتك التجارية احترافية ويمكن التعرف عليها في كل مكان يواجه فيه المستخدمون موقعك.
صيغة ICO
تجمع صيغة ICO أحجاماً متعددة (16x16, 32x32, 48x48) في ملف واحد. بينما تدعم المتصفحات الحديثة Favicons بصيغة PNG، تظل ICO ضرورية لأقصى قدر من التوافق مع المتصفحات القديمة وبعض تطبيقات سطح المكتب.
أيقونات PNG
تفضل المتصفحات الحديثة Favicons بصيغة PNG لجودتها العالية ودعمها للشفافية. يخدم كل حجم غرضاً: 16px و 32px لعلامات تبويب المتصفح، 180px لـ iOS، و 192px/512px لـ Android و PWAs.
بيان تطبيق الويب
يحدد ملف site.webmanifest كيفية ظهور موقعك عند تثبيته كـ PWA. يحدد الأيقونات، ألوان السمة، وضع العرض، وبيانات وصفية أخرى تستخدمها المتصفحات لإنشاء تجربة تشبه التطبيق.
Favicons بصيغة SVG
تستخدم ميزة علامة التبويب المثبتة في Safari أيقونة SVG أحادية اللون. بدأت المتصفحات الحديثة أيضاً في دعم Favicons بصيغة SVG مباشرة، مما يوفر قابلية توسع لا نهائية وأحجام ملفات أصغر.