استخدم صانع ICO المخصص لتحويل صور PNG أو JPG إلى ملفات ICO جاهزة للـ favicon. بدون رفع، بدون تسجيل، مع دعم الدُفعات وتنزيل ZIP.
حوّل PNG إلى ICO ←الإجابة السريعة
يمكنك تحويل PNG إلى ICO بفتح صانع ICO، إضافة صورة PNG، اختيار مقاس الأيقونة، ثم تنزيل النتيجة. تتم عملية التحويل محليًا داخل المتصفح، لذلك لا تحتاج صورتك إلى الرفع إلى خادم.
لأفضل نتيجة كأيقونة موقع، ابدأ بصورة PNG مربعة ونظيفة، وتجنب النصوص الصغيرة، ثم صدّر مقاسًا شائعًا مثل 256×256 لاستخدام favicon حديث.
ما هي أيقونة ICO؟
ملف ICO هو ملف أيقونة يُستخدم عادة باسم favicon.ico في المواقع. يمكن للمتصفحات عرضه في التبويبات، والإشارات المرجعية، والاختصارات، وأماكن أخرى تحتاج فيها إلى رمز واضح لموقعك.
طريقة تحويل PNG إلى ICO
- افتح صانع ICO.
- أضف صورة PNG الخاصة بالشعار أو الأيقونة.
- اختر مقاس ICO المناسب مثل 256 أو 128 أو 64 أو 32 أو 16 بكسل.
- حافظ على الصورة مربعة قدر الإمكان للحصول على نتيجة أنظف.
- اضغط إنشاء ICO.
- نزّل ملف
.icoالناتج، ويمكنك تسميتهfavicon.icoإذا لزم الأمر.
أفضل حجم PNG ومقاس ICO
| الإدخال أو الإخراج | الاستخدام | التوصية |
|---|---|---|
| PNG 512×512 | مصدر عام للأيقونة | اختيار متوازن لمعظم استخدامات favicon والأيقونات. |
| PNG 1024×1024 | مصدر شعار عالي الجودة | مفيد كملف أصلي واضح قبل تصدير المقاسات الأصغر. |
| ICO 256×256 | إخراج favicon حديث | اختيار عملي وشائع لإنشاء أيقونة الموقع. |
| ICO 32×32 أو 16×16 | أيقونات المتصفح الصغيرة | مفيد عندما تحتاج إلى مقاس favicon كلاسيكي صغير جدًا. |
| صورة غير مربعة | شعارات عريضة أو طويلة | أضف مساحة حول الشعار أو قص الصورة لتصبح مربعة قبل التحويل. |
متى تستخدم PNG إلى ICO؟
- إنشاء ملف
favicon.icoلموقع ويب. - تحويل شعار PNG بخلفية شفافة إلى أيقونة تبويب للمتصفح.
- تجهيز أيقونات للإشارات المرجعية والاختصارات ومسارات favicon القديمة.
- إنشاء أيقونات مواقع متعددة دفعة واحدة لصفحات هبوط أو مواقع صغيرة.
متى لا تستخدم ICO؟
- صور الموقع الكبيرة: استخدم WebP أو JPG أو PNG بدلًا من ICO للصور والمحتوى البصري.
- الشعارات المتجهية: احتفظ بـ SVG كملف أصلي قابل للتعديل عندما تحتاج إلى تكبير مثالي.
- مهام الطباعة: غالبًا تحتاج الطباعة إلى صيغ مثل PDF أو TIFF أو PNG أو JPG.
- الرسومات المعقدة: الصور ذات التفاصيل الكثيرة قد لا تظهر بوضوح عند حجم favicon.
طريقة إضافة favicon.ico إلى موقعك
بعد تحويل PNG إلى ICO، ضع الملف في المجلد الرئيسي لموقعك، ثم أضف السطر التالي داخل قسم <head> في ملف HTML:
<link rel="icon" href="/favicon.ico" sizes="any">يمكنك أيضًا إضافة ملفات أيقونات حديثة لأجهزة الهاتف وتطبيقات الويب:
<link rel="icon" href="/favicon.ico" sizes="any">
<link rel="apple-touch-icon" href="/icon-192.png" sizes="192x192">
<link rel="manifest" href="/manifest.webmanifest">يعمل صانع ICO داخل متصفحك، مما يجعله مناسبًا للشعارات التجريبية وملفات الهوية البصرية وملفات المواقع الخاصة.
جرّب صانع ICO ←أخطاء شائعة
- استخدام صورة مستطيلة: قد يظهر الشعار العريض صغيرًا جدًا أو مضغوطًا. ابدأ بصورة مربعة.
- إضافة نص صغير: الحروف الصغيرة غالبًا تصبح غير مقروءة في أيقونة الموقع.
- استخدام تفاصيل كثيرة: الأشكال البسيطة أسهل في التمييز داخل تبويب المتصفح.
- نسيان المسار الرئيسي: وضع
favicon.icoفي جذر الموقع يجعل تعرف المتصفح عليه أسهل.
الأسئلة الشائعة
هل يمكن تحويل PNG إلى ICO مجانًا؟
نعم. يمكنك استخدام صانع ICO المجاني بدون إنشاء حساب وبدون رفع الصورة إلى خادم.
ما الاسم المناسب لملف الأيقونة؟
الاسم الأكثر شيوعًا هو favicon.ico. ضعه في المجلد الرئيسي لموقعك ثم اربطه داخل ملف HTML.
هل الأفضل أن تكون الخلفية شفافة؟
غالبًا نعم. الخلفية الشفافة في PNG تساعد الأيقونة على الظهور بشكل أنظف مع ألوان المتصفحات المختلفة.
هل يمكن استخدام JPG بدل PNG؟
نعم، يمكن لصانع ICO البدء من PNG أو JPG. لكن PNG غالبًا أفضل للأيقونات لأنه يدعم الشفافية والحواف الواضحة.