مولّد أيقونة الموقع
أنشئ ملفات PNG لموقعك وملف ICO يحتوي على مقاسي 16px و32px انطلاقًا من صورة JPEG أو PNG أو WebP أو SVG ثابتة واحدة. اختر مقاسات PNG والاقتصاص أو الحشو، ثم احفظ الصور ووسوم HTML اللازمة للتحضير للإطلاق أو لتغيير الشعار، بشكل فردي أو في ملف ZIP. واختيار 192px أو 512px يتضمّن أيضًا إعدادًا نموذجيًا لأيقونات ملف البيان.
المزايا
أنشئ عدة مقاسات معًا
أنشئ ملفات PNG بالمقاسات المحددة وملف ICO يحتوي على 16 و32px معًا.
احفظ ملفات التثبيت أيضًا
اجمع الصور ووسوم HTML في ملف ZIP، مع مثال إعداد أيقونة manifest عند الحاجة.
طريقة الاستخدام
اختر الصورة المصدر
اختر صورة JPEG أو PNG أو WebP أو SVG ساكنة واحدة.
اختر المقاسات وطريقة الملاءمة
اختر مقاسات PNG المطلوبة واختر القص المربع أو الهوامش.
تحقق من المقاسات الصغيرة أيضًا
تحقق من الأيقونات المُنشأة. فقد يجعل تصغير حجمها النص والخطوط الرفيعة صعبة القراءة.
احفظ وضعها في موقعك
استخرج ملف ZIP، وضع الصور في موقعك، وعدّل المسارات في وسوم HTML لتناسب بنية موقعك.
مفيد من أجل
التحضير لنشر موقعك
جهّز أيقونات صغيرة لعلامات التبويب لاستخدامات مماثلة، إضافة إلى صور الشاشة الرئيسية.
استبدال الأيقونات عند تغيير شعارك
أعد إنشاء المقاسات المطلوبة من الصورة المصدر نفسها لتطابق أيقونات موقعك.
استخدام مجموعة الأيقونات في موقعك
الفرق بين ICO وPNG
يمكن لملف ICO تخزين صور بعدة مقاسات. ويحتوي ICO من هذه الأداة دائمًا على 16×16 و32×32. أما ملفات PNG فتُنشأ بشكل فردي بالمقاسات المحددة.
كيف تبدو الأيقونات الصغيرة
قد يكون النص المقروء في صورة مصدر كبيرة صعب التمييز عند 16px أو أحجام صغيرة أخرى. تحقق من كل حجم مُنشأ.
مواقع الصور ومسارات HTML
تفترض أمثلة الإعدادات الوضع في جذر الموقع. وإذا كان الموقع في مكان آخر، فحدّث كل من href في HTML وsrc في manifest.
ملف manifest هو مثال على إعداد الأيقونات
يُنشأ عند تحديد 192px أو 512px. وهذا لا يكمل إعداد تطبيق الويب بالكامل.
الأسئلة الشائعة
هل يمكنني إنشاء ICO دون اختيار PNG؟
يجب أن تختار حجم PNG واحدًا على الأقل. ويحتوي ICO على 16px و32px بغض النظر عن اختيارات PNG.
هل يمكنني حفظ أحجام متعددة معًا؟
احفظ الصور وملفات التثبيت معًا في ملف ZIP. ويمكن أيضًا حفظ الصور الفردية وأمثلة الإعدادات.
هل يمكنني استخدام صورة مستطيلة؟
اقتصِ المركز إلى مربع أو أضف هوامش للاحتفاظ بالصورة كاملة. ولا توجد ميزة لتعديل موضع الصورة أو تمديدها.
هل ستظهر في موقعي تلقائيًا بعد الإنشاء؟
لا تُنشر تلقائيًا. ضع الصور في موقعك، واضبط HTML وmanifest، ثم تحقق من مظهرها في مكان استخدامها.
معالجة الملفات
- المدخلات
- استخدم صورة JPEG أو PNG أو WebP أو SVG ساكنة واحدة.
- المخرجات
- ICO وملفات PNG المحددة وHTML وmanifest عند انطباقه. تُخرج الصور الساكنة وتزيل بيانات التعريف.