مولّد أيقونة الموقع
من صورة أو حرف إلى حزمة favicon كاملة (ICO + PNG).
إنشاء حزمة أيقونات مفضلة كاملة
قم بتحميل شعار أو كتابة حرف/إيموجي، اختر شكل الخلفية ولونها، وقم بتنزيل ملف ZIP واحد يحتوي على favicon.ico، جميع أحجام PNG (16 → 512)، أيقونة Apple touch، site.webmanifest جاهز ووسوم HTML — كل شيء معروض محليًا في متصفحك.
مولد الأيقونة المفضلة يحول مصدرًا واحدًا — شعار، صورة، أو مجرد حرف عريض أو رمز تعبيري — إلى حزمة الأيقونات الكاملة التي يحتاجها موقع حديث: favicon.ico للمتصفحات القديمة وأشرطة العناوين، أحجام PNG من 16 إلى 512، أيقونة Apple touch مقاس 180 بكسل لشاشات iOS الرئيسية، أيقونات Android Chrome، ملف site.webmanifest جاهز للاستخدام، وعلامات HTML الدقيقة للصقها في <head>. نقرة واحدة، ملف ZIP واحد، تم.
المعاينات الحية تظهر أيقونتك بأحجام حقيقية — بما في ذلك علامة تبويب متصفح وهمية — لأن الحقيقة القاسية للـ favicons هي أنها يجب أن تبقى واضحة عند 16×16 بكسل. وضع الحرف موجود لهذا السبب بالضبط: حرف أول جريء على مربع دائري ملون هو أكثر شيء يمكن قراءته في علامة تبويب. يتم عرض وضغط كل شيء محليًا في متصفحك؛ لا يغادر عملك جهازك أبدًا.
الأسئلة الشائعة
ما الملفات التي يحتاجها موقع الويب فعليًا في 2026؟
ملف favicon.ico (16/32/48 في ملف واحد)، أيقونات favicon PNG بحجم 16/32/48، و apple-touch-icon.png بحجم 180 بكسل، وأيقونات Android Chrome بحجم 192 و512، وملف site.webmanifest يشير إليها. هذا بالضبط ما يحتويه ملف ZIP، بالإضافة إلى وسوم HTML.
أين أضع الملفات؟
قم بتحميل كل شيء إلى جذر موقع الويب الخاص بك (بحيث يتم حل /favicon.ico)، ثم قم بلصق الوسوم المقدمة في قسم <head> من صفحاتك. ملف html-snippet.txt في ZIP يحتوي عليها جاهزة.
لماذا يبدو شعاري الجميل كالضوضاء بحجم 16 بكسل؟
التفاصيل لا تبقى واضحة في مساحة إجمالية قدرها 256 بكسل. زِد الحشو، أو انتقل إلى وضع الحرف — حرف واحد عريض على خلفية صلبة يبقى مقروءًا بينما لا يستطيع الشعار الكامل ذلك.
ما هو ملف ICO وما سبب احتوائه على ثلاثة أحجام؟
ICO هو تنسيق حاوية: المتصفحات تختار الحجم الأنسب من داخله (16 للألسنة، 32 لأشرطة المهام، 48 للاختصارات). يقوم المولد بتضمين جميع الأحجام الثلاثة كصور كاملة الألوان مع الشفافية.
هل تبقى الخلفية الشفافة؟
نعم — اختر شكل 'شفاف' للحفاظ على قناة ألفا للمصدر في كل PNG وICO. الخلفيات المشكلة (مربع/مدور/دائرة) موجودة للمصادر التي تحتاج إلى خلفية صلبة.
ما هو رمز اللمس الخاص بأبل؟
عندما يضيف شخص ما موقعك إلى الشاشة الرئيسية لنظام iOS، تصبح تلك الصورة 180×180 أيقونة التطبيق. يقوم iOS بتدوير الزوايا بنفسه، لذا فإن التصميم المربع الممتلئ يعمل بشكل أفضل هناك.
هل يمكنني استخدام رمز تعبيري كـ favicon؟
نعم — انتقل إلى وضع الحروف واكتب أي رمز تعبيري. يتم عرضه بخط الرموز التعبيرية لنظامك على الشكل واللون الذي تختاره. إنه خيار شرعي ولا يُنسى للمواقع الشخصية.
هل تم رفع شعارتي؟
لا. التصيير، ترميز ICO وتجميع ZIP يحدث كلها داخل متصفحك — الأداة تعمل بدون اتصال بعد التحميل.