اشتر لي قهوة
الصور

مولّد الفافيكون

أنشئ مجموعة فافيكون كاملة من صورة أو حرف/إيموجي، محزّمة في ملف ZIP مع favicon.ico وملف التعريف ومقطع HTML. يعمل على جهازك — لا يُرفع شيء ولا يُخزَّن شيء.

مقطع HTML
<link rel="icon" type="image/x-icon" href="/favicon.ico" />
<link rel="icon" type="image/png" sizes="16x16" href="/favicon-16x16.png" />
<link rel="icon" type="image/png" sizes="32x32" href="/favicon-32x32.png" />
<link rel="apple-touch-icon" sizes="180x180" href="/apple-touch-icon.png" />
<link rel="manifest" href="/site.webmanifest" />

ستظهر أيقوناتك هنا

حول مولّد الفافيكون

تصنع هذه الأداة مجموعة أيقونات موقع (favicon) كاملة من صورة أو حرف أو رمز تعبيري. ارفع شعارًا (PNG أو JPG أو WebP أو SVG أو GIF حتى 15 ميغابايت)، أو انتقل إلى وضع الحرف واكتب حتى أربعة رموز، ثم اختر لون الخلفية ولون النص. اضغط «توليد» فتظهر معاينات لستة أحجام بصيغة PNG: 16 و32 و48 و180 و192 و512 بكسل.

التنزيل ملف ZIP واحد يضم هذه الصور (يُسمّى الحجم 180 باسم apple-touch-icon.png)، وملف favicon.ico، وملف site.webmanifest، وقصاصة HTML جاهزة للصق فيها وسوم الروابط. يحتوي ملف .ico على الحجمين 16 و32 بكسل. ويمكنك أيضًا نسخ القصاصة من الصفحة. ارفع الملفات إلى جذر موقعك والصق القصاصة في رأس صفحتك، فتلتقط المتصفحات والهواتف وشريط التبويبات الأيقونة.

لماذا تعمل هذه الأداة على جهازك

الأثر على الخصوصية صغير، فأيقونة الموقع علنية بمجرد النشر. ومع ذلك فالشعار الذي لم تطلقه بعد يُحوَّل إلى أحجام الأيقونات ويُضغط في ZIP على جهازك بدل إرساله إلى محوّل، وهذا يعني أيضًا ظهور النتيجة فورًا.

كيفية استخدام مولّد الفافيكون
  1. ارفع شعارًا، أو انتقل إلى وضع الحرف واكتب حرفًا أو رمزًا تعبيريًا.
  2. اختر الألوان إن كنت تستخدم حرفًا، ثم اضغط «توليد».
  3. راجع معاينات كل حجم.
  4. نزّل ملف ZIP وارفع الملفات إلى جذر موقعك والصق القصاصة في رأس صفحتك.
الحدود والمقايضات
  • ملف favicon.ico يحتوي الحجمين 16 و32 بكسل فقط. يكفي هذا لتبويبات المتصفح والمفضلة، لكن اختصارات ويندوز أو الاستخدامات القديمة التي تتوقع 48 أو 256 بكسل داخل ملف .ico لن تجدها فيه.
  • تُكبَّر الصورة لتملأ المربع ويُقصّ الزائد من الوسط، فيفقد الشعار العريض أو الطويل أطرافه. جهّز صورة مربعة أو اقصّها أولًا.
  • الملف site.webmanifest المولَّد حقلا name وshort_name فيه فارغان، ولونا السمة والخلفية أبيضان. عبّئهما قبل النشر.
  • تربط قصاصة HTML ملف .ico وصورتي PNG بحجمي 16 و32 وأيقونة apple-touch-icon وملف manifest. صورة 48 بكسل موجودة في ZIP لكنها ليست في القصاصة، وأيقونتا 192 و512 يُشار إليهما عبر ملف manifest.
  • أيقونات الحرف والرمز التعبيري تُرسم بخطوط جهازك، فقد يختلف شكل الرمز التعبيري عمّا يولَّد على نظام آخر. ولا يدعم وضع الحرف خطوطًا مخصصة.
الأسئلة الشائعة