مولّد أيقونة الموقع
أنشئ كل أحجام أيقونة الموقع التي يحتاجها موقعك من صورة واحدة، بما في ذلك ملف ICO متعدد الدقات. المتصفحات والمفضلات وشاشات الهواتف وأشرطة التبويب تطلب أحجاماً مختلفة، وتُنتَج المجموعة كاملة دفعة واحدة. مجانية، بدون حساب، وبدون إضافة أي علامة إلى نتيجتك.
مولّد أيقونة الموقع
أضف ملفاتك. الإعدادات الموصى بها جاهزة، لتتمكن من المعالجة بنقرة واحدة.
PDF وWord والصور والصوت والفيديو والأرشيفات والمزيد
حتى 100 ملف · 250 ميغابايت · بدون حساب- 1إضافة ملفات
- 2اختر إجراءً
- 3نزّل أو تابع العمل
متى تحتاج هذه الأداة
كيف تعمل
توضع الصورة في وسط مربع شفاف دون أي قص، ثم يُعاد تحجيمها إلى كل مقاس قياسي؛ وتُكبَّر الصورة الصغيرة لتُنتج كل المقاسات مع ذلك. تحصل أيقونة Apple touch على لون السمة خلفها، لأن iOS يحوّل الشفافية إلى أسود. تُسلَّم أيقونات PNG وملف favicon.ico متعدد الدقات وملف البيان والوسوم الجاهزة للصق معًا في ملف ZIP.
تختفي التفاصيل عند حجم 16×16 بكسل. الأيقونات المصممة كأشكال مبسّطة تظهر أوضح بكثير من الشعارات المعقدة أو الصور الفوتوغرافية المصغّرة.
ماذا يحتوي ملف ZIP
| الملف | المقاس | يستخدمه |
|---|---|---|
| favicon.ico | 16 و32 و48 و64 بكسل | علامات تبويب المتصفح والإشارات المرجعية، وكل ما يطلب /favicon.ico مباشرة |
| favicon-16x16.png وfavicon-32x32.png | 16 و32 بكسل | علامات تبويب المتصفح، عبر الوسوم في head-snippet.html |
| favicon-48x48.png | 48 بكسل | ملف PNG احتياطي لنظام إدارة محتوى أو أداة تطلبه بهذا المقاس |
| apple-touch-icon.png | 180 بكسل | الشاشات الرئيسية في iPhone وiPad |
| android-chrome-192x192.png وandroid-chrome-512x512.png | 192 و512 بكسل | الشاشات الرئيسية في Android وتطبيقات الويب القابلة للتثبيت، عبر site.webmanifest |
| site.webmanifest | - | اسم موقعك ولون السمة وأيقونات Android |
| head-snippet.html | - | الوسوم الجاهزة للصقها في <head> صفحاتك |
تثبيت المجموعة
- ارفع كل الملفات إلى جذر موقعك، بحيث يفتح https://yoursite.com/favicon.ico الأيقونة.
- الصق محتوى head-snippet.html داخل <head> كل صفحة، أو مرة واحدة في قالب الموقع.
- يُكتب اسم الموقع ولون السمة اللذان تدخلهما في site.webmanifest ووسم theme-color.
- تحتفظ المتصفحات بالأيقونات في ذاكرة مؤقتة بقوة. تحقق من الأيقونة الجديدة في نافذة خاصة قبل أن تحكم بأنها لم تعمل.
الحصول على نتيجة حادة
- الصورة العريضة أو الطويلة تُحتوى داخل المربع مع مساحة شفافة حولها ولا تُقص أبدًا. قصّها إلى الرمز أولًا إن أردت أن يملأ الشعار الأيقونة.
- ابدأ من صورة لا تقل عن 512 × 512 بكسل، وهو مقاس أكبر أيقونة في المجموعة. والصورة الأصغر تحصل مع ذلك على كل المقاسات بعد تكبيرها.
- يعرض iOS الأجزاء الشفافة من أيقونة الشاشة الرئيسية باللون الأسود، لذا يُملأ apple-touch-icon.png بلون السمة، وتحتفظ بقية الأيقونات بشفافيتها.
- لأيقونة تطبيق Windows بمقاسي 128 و256 بكسل استخدم تحويل الصور إلى ICO؛ فهذه المجموعة مخصصة لمواقع الويب.
أسئلة شائعة
ما الصورة المصدر التي ينبغي استخدامها؟
صورة مربعة بدقة 512×512 على الأقل، بشكل بسيط وواضح. التفاصيل الدقيقة والنصوص الصغيرة تختفي بأحجام الأيقونات.
هل ما زلت بحاجة إلى ملف ICO؟
يبقى الخيار الأوسع توافقاً، خاصة مع المتصفحات القديمة، ولذلك يُنشأ ملف ICO إلى جانب أحجام PNG.
كيف أصنع favicon.ico من صورة PNG أو JPG؟
أضف الصورة ونزّل ملف ZIP. يحتوي favicon.ico بداخله على نسخ بمقاسات 16 و32 و48 و64 بكسل، إلى جانب أيقونات PNG للمتصفحات وiPhone وAndroid، وملف البيان، والوسوم التي تلصقها في صفحتك.
شعاري عريض، فهل سيُقص؟
لا. الصورة العريضة أو الطويلة تُحتوى داخل المربع مع مساحة شفافة حولها، فلا يضيع أي حرف من الشعار النصي. وللحصول على أيقونة أوضح، قصّ الشعار إلى رمزه أولًا.
هل تبقى الشفافية؟
نعم، في favicon.ico وأيقونات PNG، فتظهر الأيقونة جيدًا على أشرطة التبويب الفاتحة والداكنة. الاستثناء هو أيقونة Apple touch: فنظام iOS يعرض أجزاءها الشفافة بالأسود، لذا تُملأ بلون السمة.
أدوات مجانية ذات صلة
افتح ملف .ico واطّلع على كل مقاس بداخله واحفظه بصيغة PNG وأضف مقاسات أو احذفها.
حوّل صور PNG أو JPG أو WebP إلى ملفات أيقونات ICO متعددة الأحجام لنظام Windows.
غيّر حجم الصور بالبكسل أو بالنسبة المئوية مع الحفاظ على نسبة العرض إلى الارتفاع.
دوّر زوايا صورتك ونزّلها بصيغة PNG أو WebP شفافة. زوايا مستديرة أو شكل أيقونة أو دائرة، مع معاينة مباشرة. مجانًا ودون حساب.
اجمع عدة صور في ورقة Sprite واحدة بصيغة PNG مع الشفافية، واحصل على خريطة JSON بموضع وحجم كل صورة. مجانًا وبدون حساب.