محول الصور إلى ICO ومنشئ Favicon
حول صور PNG أو JPG أو WebP أو SVG إلى ملفات ICO متعددة الأحجام وأنشئ حزم Favicon كاملة للموقع. تتم جميع المعالجة محلياً في متصفحك.
انقر أو اسحب الصورة هنا
الصيغ المدعومة
استخدم صورة مربعة للحصول على أفضل النتائج
تتم جميع المعالجة في متصفحك، لا يتم تحميل الصور إلى الخادم
الأسئلة الشائعة
ما هو ملف ICO؟
ICO هو تنسيق ملفات أيقونات Windows الذي يمكن أن يحتوي على عدة أحجام وألوان. إنه التنسيق القياسي لـ Favicon، مدعوم من جميع المتصفحات الرئيسية.
كيف تستخدم ICO كـ Favicon للموقع؟
قم بتحميل favicon.ico إلى جذر الموقع، ثم أضف إلى <head> في HTML: <link rel="icon" type="image/x-icon" href="/favicon.ico">.
ما هي صيغ الإدخال المدعومة؟
يدعم صيغ PNG و JPG و WebP و SVG. يوصى بـ PNG مع قناة شفافة للحصول على أفضل النتائج.
ما هي الأحجام المضمنة في ملف ICO المُنشأ؟
افتراضياً: 16×16، 32×32، 48×48، 64×64، 128×128، 256×256 بكسل. يمكنك أيضاً إضافة أحجام مخصصة.
هل هذه الأداة مجانية؟
مجانية تماماً، بدون تسجيل، بدون حدود استخدام. تتم جميع المعالجة محلياً في متصفحك، لحماية خصوصيتك.
ما هو ملف ICO؟
ICO هو تنسيق ملفات أيقونات Windows الذي يمكن أن يحتوي على عدة أحجام وألوان من الأيقونات. إنه التنسيق القياسي لـ Favicon المواقع، مدعوم من جميع المتصفحات الرئيسية. يمكن أن تحتوي ملفات ICO على أيقونات من 16×16 إلى 256×256 بكسل، مما يضمن عرضاً واضحاً في مختلف السياقات.
ما هو Favicon؟
Favicon (أيقونة الموقع) هو أيقونة صغيرة تظهر في علامة تبويب المتصفح وقائمة الإشارات المرجعية وشريط العناوين. إنه جزء مهم من هوية العلامة التجارية للموقع، يساعد المستخدمين على التعرف على موقعك بسرعة. تتطلب المواقع الحديثة توفير Favicon بأحجام مختلفة لمختلف الأجهزة والسياقات.
الفرق بين ICO و PNG
ICO هو تنسيق حاوية مصمم خصيصاً للأيقونات، يمكن أن يحتوي على عدة أحجام في ملف واحد. PNG هو تنسيق صور بحجم واحد. لـ Favicon، يوصى باستخدام تنسيق ICO لأنه يسمح للمتصفح باختيار الحجم الأنسب تلقائياً حسب سياق العرض، مما يوفر تأثيراً بصرياً أفضل وحجم ملف أصغر.
ما هي الأحجام المطلوبة؟
تتطلب المواقع الحديثة عادةً أحجام Favicon التالية: 16×16 (علامة تبويب المتصفح)، 32×32 (شريط المهام)، 48×48 (سطح مكتب Windows)، 96×96 (Google TV)، 144×144 (بلاطة IE)، 180×180 (الشاشة الرئيسية لـ iOS)، 192×192 (الشاشة الرئيسية لـ Android)، 512×512 (أيقونة PWA). أداتنا يمكنها إنشاء جميع الأحجام دفعة واحدة.
كيف تضيف Favicon إلى موقعك؟
قم بتحميل favicon.ico المُنشأ إلى الدليل الجذري للموقع، ثم أضف إلى علامة <head> في HTML: <link rel="icon" type="image/x-icon" href="/favicon.ico">. لأجهزة Apple، أضف أيضاً <link rel="apple-touch-icon" href="/apple-touch-icon.png">. أداتنا تنشئ كود HTML كامل لنسخه.
لماذا الأيقونات الصغيرة ضبابية؟
عند تصغير صورة كبيرة، تضيع التفاصيل مما يجعل الأيقونات الصغيرة تبدو ضبابية. الحلول: 1) استخدم تصميماً أصلياً بسيطاً وواضحاً؛ 2) قم بالتحسين بشكل منفصل للأحجام الصغيرة؛ 3) تجنب التفاصيل الزائدة والخطوط الرفيعة؛ 4) استخدم ألواناً عالية التباين. أداتنا تحسن الوضوح للأحجام الصغيرة تلقائياً.
كيف تجعل الأيقونات أكثر وضوحاً؟
للحصول على Favicon واضح: 1) ابدأ بصورة أصلية عالية الدقة (512×512 على الأقل)؛ 2) استخدم تصميماً بسيطاً وسهل التعرف عليه؛ 3) تجنب النصوص والأنماط المعقدة؛ 4) استخدم خطوطاً سميكة وتبايناً عالياً؛ 5) معاينة بأحجام متعددة؛ 6) إذا لزم الأمر، صمم نسخة مبسطة بشكل منفصل للأحجام الصغيرة.
هل يدعم ICO الشفافية؟
نعم، يدعم تنسيق ICO الحديث شفافية قناة ألفا. يمكن تحويل الصور الشفافة بصيغ PNG و WebP بشكل مثالي إلى ICO بخلفية شفافة. لكن لاحظ أن بعض المتصفحات القديمة قد لا تدعم Favicon الشفاف، يوصى بتوفير نسخة غير شفافة كاحتياطي.
الخصوصية والأمان
تتم جميع معالجة الصور في متصفحك، لا يتم تحميل الصور إلى خوادمنا. صورك خاصة تماماً والمعالجة آمنة. نضمن: لا جمع للبيانات، لا تتبع، لا علامات مائية، مجاني تماماً.