هل هناك مشكلة في هذه الأداة؟
عن «مولّد أيقونة الموقع عبر الإنترنت»
تنشئ هذه الأداة مجموعة كاملة من ملفات favicon من صورة مصدر واحدة. يشمل الإخراج favicon.ico الكلاسيكي، ومتغيرات PNG بدقات متعددة (١٦، ٣٢، ٤٨، ٩٦، ١٩٢، ٥١٢)، وأيقونة Apple touch، وإدخال web manifest — كل ما يحتاجه موقع ويب حديث لعلامات تبويب المتصفح والمفضلات واختصارات الشاشة الرئيسية.
كل متصفح ونظام تشغيل لديه متطلبات favicon الخاصة به. توليد صورة واحدة وتكييفها لجميع المنصات يضمن علامة تجارية متسقة في كل مكان يظهر فيه موقعك: أيقونات علامات التبويب، وأشرطة المفضلة، وقوائم السجل، وأيقونات التطبيقات، والصور المصغرة لنتائج البحث.
ارفع صورة مربعة عالية الدقة (٥١٢×٥١٢ على الأقل). تولّد الأداة أيضًا علامات HTML <link> المطابقة لإسقاطها في رأس صفحتك.
كيف تستخدم هذه الأداة
كيف أُولّد PNG favicon لموقعك؟
ارفع صورة المصدر
ضع صورة مربعة (أو شبه مربعة) في حقل "Source image". أي تنسيق يقرأه Sharp — PNG و JPEG و HEIC و AVIF و WebP و GIF. كلما ارتفعت جودة الفن، تحسّن ناتج 16×16.
ما يُولَّد
تُصدر الأداة ثلاث PNG مربعة بأحجام ثابتة: 16×16 و32×32 و48×48. تستخدم Sharp fit: cover لإعادة الحجم، فتُقصّ المصادر غير المربعة إلى viewport مربع من المركز.
اضغط «تشغيل»
تعيد النتيجة مصفوفة files بإدخال واحد لكل حجم: filename (favicon-16x16.png / favicon-32x32.png / favicon-48x48.png) و mimeType وبيانات base64. نزّل كل واحد بزره الخاص.
اربطها في HTML
ضع PNGs عند /favicon-16x16.png إلخ على الخادم وأضف <link rel="icon" type="image/png" sizes="32x32" href="/favicon-32x32.png"> داخل <head>. للمتصفحات التي تتطلب ICO فقط، ولّد ملف .ico مستقلًا بأداة أخرى.