تخطَّ إلى المحتوى الرئيسي

مولد فافيكون مجانًا

حوّل أي صورة إلى حزمة favicon كاملة: ملف favicon.ico متعدد الأحجام، وأيقونة Apple touch، وأيقونات Android/PWA، وبيان الويب، ومقتطف HTML الجاهز للصق - كل ذلك مضغوط في متصفحك.

أفلت ملفًا هنا، أو انقر للتصفح

PNG, JPG, WebP, SVG, HEIC, HEIF · تتم معالجته على جهازك

أو اضغط Ctrl+V للصق من الحافظة

تصفح الملفات

ملفاتك لا تغادر جهازك أبدًا. تتم جميع المعالجة محليًا في متصفحك.

💡 للحصول على أوضح نتيجة، ارفع صورة مربعة بأبعاد لا تقل عن 512×512. يفضَّل استخدام PNG شفاف أو SVG.

الاستخدامات الشائعة

  • إنشاء رمز موقع الويبقم بإنشاء مجموعة الرموز المفضلة الكاملة التي يتوقعها كل متصفح وجهاز.
  • إنشاء رموز PWA والبياناحصل على رموز 192px و512px وبيان الويب الذي تحتاجه PWA.
  • إنشاء رمز Apple Touchقم بإنشاء رمز 180×180 الذي تستخدمه iOS عند حفظ موقع على شاشة المنزل.
  • تحويل شعار إلى رمز موقع الويبقم بتحويل شعار العلامة التجارية الخاص بك إلى رمز موقع ويب نظيف وسهل التعرف عليه.
  • إنشاء الرموز المفضلة لأي إطار عملاحصل على ملفات الرموز المفضلة جاهزة للاستخدام لـ React و Next.js و WordPress والمزيد.

كيف يعمل

تحوّل هذه الأداة أي صورة PNG أو JPEG أو WebP أو SVG إلى حزمة favicon كاملة — ملف .ico متعدد الأحجام، وأيقونة Apple touch، وأيقونات Android/PWA، وملف web manifest، ومقتطف HTML جاهز للصق — بالكامل داخل متصفحك باستخدام Canvas API وJSZip. لا يُرفع أي شيء؛ يتم كل العرض وتجميع الملفات محليًا.

  1. 1
    Canvas يعيد تحجيم صورتك
    يرسم المتصفح صورتك المصدر على عناصر HTML Canvas خارج الشاشة بكل حجم مطلوب (16 و32 و48 و180 و192 و512 px). تُوحَّد ملفات SVG التي تفتقر إلى سمات width/height صريحة أولًا عبر DOMParser وXMLSerializer فينتج Firefox وChrome بكسلات متطابقة بدلًا من لوحة فارغة.
  2. 2
    مرمّز ICO مكتوب يدويًا يحزم ملف .ico
    تُرمَّز إدخالات ICO الصغيرة (16 و32 و48 px) كصور DIB خام بـ 32 بت BGRA — BITMAPINFOHEADER مع صفوف XOR من الأسفل إلى الأعلى وقناع AND بـ 1bpp — لأن مكونات واجهة Windows تتطلب صيغة DIB غير مضغوطة بهذه الأحجام. تكتب الأداة ترويسة دليل ICO وتضم الإدخالات بالكامل باستخدام DataView وUint8Array، دون أي مكتبة ICO خارجية.
  3. 3
    تُنتج مخرجات PNG عبر canvas.toBlob
    تُلتقط كل نسخة PNG (favicon-16x16، favicon-32x32، apple-touch-icon-180x180، android-chrome-192x192، android-chrome-512x512) باستدعاء canvas.toBlob مع 'image/png'، مع ترك الترميز دون فقدان لمحرك الصور المدمج في المتصفح. وتُطبق الحشوة الاختيارية ولون الخلفية وقص الشكل (مربع، أو مستدير الزوايا، أو دائرة) على سياق اللوحة قبل الالتقاط.
  4. 4
    JSZip يحزم كل شيء في تنزيل واحد
    يجمّع JSZip كل الملفات المولَّدة — favicon.ico، وملفات PNG الخمسة، وsite.webmanifest باسم تطبيقك، وfavicon-snippet.html بوسوم <link> الصحيحة — في ملف .zip واحد يُنزَّل تلقائيًا إلى جهازك.

تُحمَّل صورتك مباشرة في Canvas API في المتصفح ولا تغادر جهازك أبدًا — لا تُرسل أي بيانات ملف إلى أي خادم في أي مرحلة.

أدوات ذات صلة

الأسئلة الشائعة