Squishly Tools
بلا رفع للملفات · مجاني 100%

تحويل PNG إلى ICO (أيقونة الموقع)

أيقونة الموقع (favicon) هي الأيقونة الصغيرة التي تعرضها المتصفحات في علامة التبويب وشريط الإشارات المرجعية وسجل التصفح. تحوّل هذه الأداة صورة PNG إلى ملف .ico صحيح متعدد الأحجام يحتوي على نسخ بحجم 16 و32 و48 و64 بكسل، وكلها تُنشأ على جهازك دون رفع أي شيء.

كيفية تحويل PNG إلى ICO

  1. أفلت صورة PNG في الأداة أدناه. الصورة المربعة تعطي أفضل نتيجة.
  2. صيغة الناتج مضبوطة مسبقًا على «ICO (أيقونة الموقع)».
  3. انقر على «تشغيل» لإنشاء ملف .ico متعدد الأحجام.
  4. نزّل ملف favicon.ico وضعه في المجلد الجذر لموقعك.

ما الذي يجب أن تحققه أيقونة الموقع

تُعرض أيقونة الموقع (favicon) بأحجام صغيرة جدًا، غالبًا 16 بكسل مربعًا. وبهذا الحجم تختفي التفاصيل الدقيقة وتتلاشى الخطوط الرفيعة تمامًا. أيقونة الموقع الجيدة شكل بسيط وواضح بتباين قوي: حرف واحد، أو نسخة مبسطة من رمز الشعار، أو شكل مصمت بلون العلامة التجارية. إذا كان شعارك الكامل يتضمن اسمًا مكتوبًا، فاستخدم الرمز وحده، أو الحرف الأول فقط.

تحتوي ملفات .ico على عدة أحجام لأن تكبير صورة واحدة أو تصغيرها وقت العرض يجعلها تبدو ضبابية. وبتوفير نسخ بمقاس 16 و32 و48 و64 بكسل، يستطيع نظام التشغيل أو المتصفح عرض صورة دقيقة البكسل في كل سياق: 16 px في علامة التبويب، و32 px في قائمة الإشارات المرجعية على شاشة عالية الدقة، و48 px في اختصار شريط مهام Windows، وهكذا.

تجهيز ملف PNG المصدر

  • اجعله مربعًا. إذا كان شعارك عريضًا، فضعه أولًا على لوحة مربعة شفافة، أو اقتصه إلى الرمز فقط باستخدام أداة القص.
  • ابدأ بمقاس 256 بكسل أو أكبر. التصغير من مصدر كبير ونظيف يعطي نتائج أنعم من تكبير مصدر صغير.
  • احتفظ بخلفية شفافة إذا كان الشكل مصمتًا، حتى يظهر جيدًا في سمات المتصفح الفاتحة والداكنة. وإذا كان الشكل رفيعًا أو فاتح اللون، فضعه على مربع بلون واحد بدلًا من ذلك.
  • تجنب النص الأطول من حرف أو حرفين، فلن يكون مقروءًا بمقاس 16 بكسل.

تثبيت أيقونة الموقع

احفظ الملف الذي نزّلته باسم favicon.ico وضعه في المجلد الجذر لموقعك. ثم أضف هذا السطر داخل <head> في كل صفحة:

<link rel="icon" href="/favicon.ico" sizes="any">

لدى معظم المنصات إعداد مخصص لذلك بدلًا من هذا: تسميه WordPress باسم Site Icon ضمن Appearance، ولدى Shopify وSquarespace حقل Favicon في إعدادات القالب، ولدى Webflow حقل مماثل في Project Settings. ارفع ملف .ico هناك. وللحصول على دليل كامل، اقرأ كيف تصنع أيقونة موقع.

خطوات إضافية

للحصول على المجموعة الكاملة من الأيقونات التي تطلبها الأجهزة الحديثة، ستحتاج أيضًا إلى ملف PNG بمقاس 180 بكسل لاختصارات الشاشة الرئيسية في iOS (apple-touch-icon)، وملفي PNG بمقاس 192 و512 بكسل لنظام Android ولملف manifest الخاص بتطبيق الويب. هذه ملفات PNG عادية، لذلك استخدم أداة تغيير الحجم لإنشائها من النسخة الأصلية نفسها. يغطي ملف .ico من هذه الصفحة علامات تبويب المتصفح والإشارات المرجعية وWindows، وهي الأماكن التي يلاحظ فيها معظم الناس غياب أيقونة الموقع.

الأسئلة الشائعة

ما الحجم المناسب لصورة PNG الأصلية؟

مربعة، وبحجم 64 × 64 بكسل على الأقل. صورة PNG مربعة بحجم 256 بكسل تعطي أنظف النتائج بعد التصغير. الصور غير المربعة توضع في المنتصف وتُضاف حولها مساحة شفافة.

ماذا يوجد داخل ملف .ico؟

أربع صور مرمّزة بصيغة PNG بأحجام 16 و32 و48 و64 بكسل. تختار المتصفحات وWindows الحجم الأنسب للسياق، فتبدو الأيقونة حادة في علامة التبويب والإشارة المرجعية واختصار سطح المكتب.

كيف أضيف أيقونة الموقع إلى موقعي؟

ارفع ملف favicon.ico إلى المجلد الجذر لموقعك (ليكون متاحًا على yoursite.com/favicon.ico) وأضف <link rel="icon" href="/favicon.ico"> داخل وسم <head> في صفحاتك. تحتفظ المتصفحات بأيقونات المواقع في ذاكرة التخزين المؤقت لفترة طويلة، لذا قد تحتاج إلى تحديث كامل للصفحة لرؤية التغيير.

هل ما زلت أحتاج إلى ملف .ico في 2026؟

تقبل المتصفحات الحديثة أيقونات المواقع بصيغتي PNG وSVG، لكن .ico هي الصيغة الوحيدة التي تعمل في كل مكان، بما في ذلك المتصفحات القديمة واختصارات Windows وبعض قارئات الخلاصات. معظم المواقع توفر الصيغتين معًا.

ملفاتك لا تغادر جهازك أبدًا

كل أداة في Squishly Tools مجانية 100% وتعمل بالكامل داخل متصفحك. تُعالج صورك ومستنداتك على حاسوبك ولا تُرفع أبدًا إلى أي خادم. بلا حسابات ولا علامات مائية ولا شروط خفية.