طريقة الاستخدام
- اختر «نص / إيموجي» واكتب من حرف إلى ثلاثة أحرف، أو اختر «صورة» وارفع شعارك (يعمل SVG أو PNG مربع بحجم 512 بكسل على الأقل بشكل أفضل).
- اختر الألوان وشكلًا — مربع أو مستدير الحواف أو دائرة.
- تحقق من المعاينة عند 16 و32 و64 و128 بكسل؛ تُظهر الأحجام الصغيرة ما إذا كان التصميم لا يزال مقروءًا.
- نزّل ملف ZIP، وارفع الملفات إلى المجلد الجذر لموقعك، والصق كود HTML في head.
شرح الخيارات
- favicon.ico
- يحتوي على نسخ بمقاس 16 و32 و48 بكسل للمتصفحات والإشارات المرجعية واختصارات ويندوز.
- apple-touch-icon.png
- بمقاس 180 × 180 بكسل بخلفية صلبة، يُستخدم عند إضافة أحد إلى موقعك إلى شاشة رئيسية على آيفون أو آيباد.
- icon-192.png / icon-512.png
- يُشار إليهما من site.webmanifest لشاشات Android الرئيسية وتطبيقات الويب القابلة للتثبيت.
- icon.svg
- أيقونة قابلة للتحجيم للمتصفحات الحديثة، تُضمَّن عندما يكون المصدر نصًا أو ملف SVG.
كود HTML
بعد رفع الملفات إلى جذر موقعك، أضف هذا إلى رأس كل صفحة:
<link rel="icon" href="/favicon.ico" sizes="32x32">
<link rel="icon" href="/icon.svg" type="image/svg+xml">
<link rel="apple-touch-icon" href="/apple-touch-icon.png">
<link rel="manifest" href="/site.webmanifest">الأسئلة الشائعة
أي الملفات أحتاجها فعلًا؟
يغطي favicon.ico في جذر الموقع كل المتصفحات. أضف apple-touch-icon.png لنظام iOS وملف manifest بأيقونتي 192/512 إذا أردت أيقونة مناسبة عند تثبيت الموقع أو تثبيته على شاشة Android الرئيسية.
لماذا يبدو الفافيكون لدي ضبابيًا عند 16 بكسل؟
تختفي التفاصيل الدقيقة عند 16 × 16 بكسل. استخدم حرفًا غامقًا أو علامة شعار مبسّطة بدلًا من الشعار الكامل مع النص.
حدّثت الفافيكون لكنني لا أزال أرى القديم.
تخزّن المتصفحات الفافيكون مؤقتًا بقوة. أعد تحميل الصفحة بالكامل، أو أضف استعلام إصدار مثل /favicon.ico?v=2 إلى وسوم الروابط.
هل يمكنني استخدام إيموجي كفافيكون؟
نعم. تُرسم الرموز التعبيرية بخط الرموز التعبيرية في نظامك، لذا تطابق النتيجة ما تراه في المعاينة.
الخصوصية
تعمل هذه الأداة بالكامل داخل متصفحك. تُعالَج ملفاتك ونصوصك على جهازك ولا تُرفع أبدًا إلى خوادمنا.