تحويل الصورة إلى ICO
أنشئ ملف favicon.ico أو أيقونة Windows من أي صورة لديك: شعار بصيغة PNG، أو ملف SVG من المصمم، أو صورة JPG من دليل الهوية البصرية، بل حتى صورة التقطتها بالهاتف. يضم الملف الناتج عدة مقاسات. في ما يلي: أي مصدر يعطي أفضل نتيجة، وما ملفات الأيقونات الأخرى التي تتطلبها كل منصة.
محوّل الصور
أو أفلت ملفات JPG, JPEG, JPE … هنا ·
الحد الأقصى 95 MB لكل ملف· حتى 20 ملفًا· تُحذف بعد 30 دقيقة
تُعالج الملفات على خوادمنا وتُحذف بعد 30 دقيقة.
القيمة 85 تُبقي الصور مطابقة للأصل بصرياً. خفّضها فقط عند الحاجة إلى ملف أصغر.
صيغ JPG وBMP وEPS لا تدعم الشفافية. تُملأ البكسلات الشفافة بهذا اللون.
لون سداسي عشري يُستخدم خلف البكسلات الشفافة، مثل #FFFFFF.
هذه الصيغة تحمل صورة واحدة فقط. اختر مخرجات GIF أو WebP إن أردت الاحتفاظ بالحركة.
الأيقونة متعددة الأحجام تحوي عدة دقات في ملف واحد، وتختار المتصفحات وأنظمة التشغيل ما تحتاجه.
أبقِ الأبعاد الأصلية، أو أدخل ضلعاً واحداً وستبقى نسبة الأبعاد.
عدد البكسل للضلع الذي اخترته أعلاه.
نسبة مئوية من الأبعاد الأصلية.
sRGB مناسب للشاشات والويب. أبقِ الأصلي لسير عمل الطباعة؛ ودرجات الرمادي تتخلص من الألوان.
بيانات وصفية فقط، والقيمة 0 تُبقي القيمة الأصلية. تقرأ الطابعات وبعض البوابات هذا الرقم، ولا يغير أبعاد البكسل.
طريقة استخدام هذه الأداة
- 1
اختر أنظف صورة مصدر لديك
ارفع الصورة التي تريدها أيقونة، ويفضل أن تكون شعارًا أو رمزًا مربعًا بأبعاد 256 × 256 px أو أكبر.
- 2
اترك مقاسات الأيقونة على «الكل»
ضمن الإعدادات المتقدمة، يبدأ الخيار أحجام الأيقونات على كل الأحجام (16–256). اختر حجمًا واحدًا فقط إذا كان برنامج ما يطلب حجمًا محددًا بالضبط.
- 3
حوّل الصورة واختبر النتيجة
اضغط التحويل إلى ICO، ثم نزّل الملف وافحصه في تبويب متصفح أو على سطح المكتب قبل نشره.
كيف أحوّل صورة إلى أيقونة ICO؟
ارفع صورة مربعة بأبعاد 256 × 256 px على الأقل، وأبقِ أحجام الأيقونات على كل الأحجام (16–256) ثم اضغط التحويل إلى ICO. ستحصل على ملف واحد يضم نسخًا بأحجام 16 و32 و64 و128 و256 px، جاهزًا للاستخدام كـ favicon.ico أو كأيقونة اختصار في Windows.
تحويل الصورة إلى ICO: من أي صورة مصدر تبدأ
ICO هي حاوية الأيقونات من Microsoft، وهي قديمة قدم Windows نفسه. فهي لا تخزّن صورة واحدة بل دليلًا صغيرًا من الصور، ومنذ Windows Vista يمكن ضغط أكبر إدخال فيها، بحجم 256 px، بصيغة PNG. وقد اعتمدت المتصفحات هذه الصيغة عام 1999، حين بدأ Internet Explorer 5 يطلب /favicon.ico من كل موقع.
بما أن المحول يصغّر صورتك إلى 16 px فقط، فإن المصدر هو الذي يحدد النتيجة أكثر بكثير من أي إعداد. رتّب ما لديك من حيث الملاءمة قبل الرفع، وقصّه مربعًا أولًا إن كان عريضًا؛ وأداة قص الصورة تضبط إطارًا بنسبة 1:1 في ثوانٍ.
شعار متجه (SVG أو EPS أو AI)
يُعاد رسمه من جديد عند كل حجم، فتبقى الحواف حادة. وهو أفضل خيار إذا استطاع المصمم إرساله.
PNG أو WebP شفاف
يحتفظ بالخلفية الشفافة التي يظهر من خلالها شريط التبويبات. ابدأ من 256 px أو أكثر.
JPG أو HEIC أو لقطة شاشة
يعمل، لكن الخلفية المربعة تنتقل معه. املأها أو قصّها لتبدو الزوايا مقصودة.
أين تبحث كل منصة عن ملف الأيقونة الخاص بها
32 × 32 px
favicon.ico (تبويب المتصفح)
يُرسم الحجمان 16 و32 px في التبويبات والإشارات المرجعية؛ وملف ICO من هذه الصفحة يغطيهما معًا
256 × 256 px
اختصار Windows أو ملف .exe
تختار عروض الأيقونات الكبيرة والشاشات عالية الدقة (high-DPI) الإدخال بحجم 256 px
180 × 180 px
apple-touch-icon.png
بصيغة PNG وليس ICO؛ يُستخدم عندما يضيف أحدهم الموقع إلى الشاشة الرئيسية في iPhone
512 × 512 px
أيقونة manifest لتطبيق الويب
صورة PNG مذكورة في manifest.json إلى جانب نسخة 192 px، لتطبيقات الويب القابلة للتثبيت
ANY I
أي صورة
تقبل هذه الأداة تنسيقات الصور الشائعة، ومنها JPG وPNG وWebP وHEIC وGIF وBMP وTIFF. يُكتشف التنسيق تلقائيًا من الملف، فلا تحتاج إلى معرفة نوع صورتك.
ICO
أيقونة Windows (ICO)
ICO هو تنسيق الأيقونات من Microsoft المستخدم لأيقونات برامج Windows وأيقونات المواقع favicon. يمكن أن يحتوي ملف .ico الواحد على عدة صور بمقاسات مختلفة، مثل 16×16 و32×32 و48×48 و256×256 بكسل، ليختار النظام الأنسب. يمكن تخزين كل صورة كخريطة بتات أو كبيانات PNG، وتدعم الشفافية الكاملة بقناة ألفا. لم يُصمم ICO للصور الفوتوغرافية أو الأعمال الفنية الكبيرة. تقرؤه المتصفحات وWindows ومعظم محررات الأيقونات.
- الضغط
- دون فقدان
- الشفافية
- نعم
- الحركة
- لا
- سنة الظهور
- Microsoft
يحوّل الناس صورة عشوائية إلى ICO لأن تبويب المتصفح أو اختصار Windows أو برنامج التثبيت يتوقع ملف .ico واحدًا، بينما لا يتوفر لديهم سوى شعار أو لقطة شاشة أو صورة بصيغة أخرى؛ أما استخراج PNG من ICO فهو العكس، أي استعادة الرسومات.
اختبار الوضوح بمقاس 16 px قبل التحويل إلى ICO
بحجم 16 × 16 px يبلغ مجموع بكسلات الأيقونة 256 بكسلًا. فالشعار النصي الكامل يتحول إلى لطخة رمادية، بينما يصمد حرف واحد عريض أو رمز. قبل التحويل، صغّر مصدرك إلى 16 px في أي عارض واسأل نفسك: هل ستتعرف عليه بين 30 تبويبًا مفتوحًا؟
التباين لا يقل أهمية عن الشكل. فالتبويبات تظهر على سمات متصفح فاتحة وداكنة، وقد يختفي شعار أسود على خلفية شفافة في الوضع الداكن. ويبقيه إطار فاتح رفيع أو مربع مستدير ممتلئ خلف الرمز ظاهرًا في الحالتين. أما حزم تطبيقات macOS فتحتاج إلى ICNS بدلًا من ذلك؛ وPNG إلى ICNS ينشئ هذا الملف من الرسومات نفسها.
أسئلة شائعة حول تحويل الصورة إلى ICO
ما صيغ الصور التي يمكن تحويلها إلى ICO في هذه الصفحة؟
أي صورة يقرؤها المحول، ومنها PNG وJPG وSVG وWebP وAVIF وHEIC وGIF وBMP وTIFF وPSD وصيغ RAW للكاميرات. تعطي صورة PNG شفافة أو ملف SVG أنظف الحواف؛ أما JPG فيعمل لكنه يحمل معه خلفيته المستطيلة.
هل يكفي ملف favicon.ico، أم أحتاج إلى ملفات أيقونات أخرى أيضًا؟
يغطي ملف .ico تبويبات المتصفحات والإشارات المرجعية في كل مكان. أما أجهزة iPhone وiPad فتبحث عن صورة PNG بأبعاد 180 × 180 px باسم apple-touch-icon، ولا يعرض Chrome تثبيت الموقع كتطبيق إلا إذا ذكر ملف manifest الخاص بالويب أيقونتي PNG بأبعاد 192 و512 px.
هل يحتاج Windows إلى صورة بمقاس 48 px داخل ملف ICO؟
يعرض File Explorer في عرض الأيقونات المتوسطة الأيقونات بحجم 48 px. وعندما لا يحتوي الملف على إدخال بحجم 48 px، يقوم Windows بتحجيم الإدخال الأكبر التالي، وهو هنا صورة 64 px، وعادةً يبدو جيدًا مع الرسومات العريضة. أما الخطوط الدقيقة فقد تبدو ناعمة وغير حادة.
هل يمكن لملف ICO واحد أن يعرض تصميمًا مختلفًا بمقاس 16 px وبمقاس 256 px؟
الصيغة تسمح بذلك، وكثيرًا ما تستخدم أيقونات النظام رسمًا مبسطًا لأصغر الأحجام. أما هذا المحول فيحجّم صورة واحدة إلى كل الأحجام. إذا كانت نسخة 16 px تحتاج رسمها الخاص، فصدّر ذلك الرسم على حدة وحوّله مع ضبط أحجام الأيقونات على 16 px.
كيف أتحقق من وضوح أيقونتي بمقاس 16 px قبل التحويل؟
صغّرها إلى 16 px في أي محرر وشاهدها بنسبة 100%. إذا لم تستطع تمييز ما فيها، فاحذف بعض التفاصيل: أزل الشعار النصي، واحتفظ بالحرف الأول أو الرمز، وزِد سماكة الخطوط الرفيعة.
أين يجب رفع ملف favicon.ico على موقعي؟
ضعه في الجذر الرئيسي للموقع ليستجيب على العنوان /favicon.ico، لأن المتصفحات تطلب هذا العنوان حتى لو لم توجد وسوم تشير إليه. ويتيح لك وسم link بالخاصية rel="icon" في رأس الصفحة وضعه في مكان آخر.