أيقونات المواقع والتطبيقات
حوّل صورة مربعة واحدة إلى كل الأيقونات التي يحتاج إليها موقع ويب، مع الشيفرة اللازمة.
- أضف
- عدّل
- أنشئ
- احتفظ
طريقة استخدام هذه الأداة
- أضف ملفاتك — اسحبها إلى الصفحة أو اخترها. تبقى على جهازك.
- أضف صورة مصدر مربعة تقريبًا — ينبغي أن يكون العنصر قريبًا من الوسط، لأن الأحجام الأصغر تقصّ أطراف الصورة بصريًا.
- اختر لون خلفية للأيقونات المعتمة، وحدد ما إذا كنت تريد تضمين البطاقة المخصصة لوسائل التواصل الاجتماعي بمقاس 1200×630.
- اضغط على «إنشاء مجموعة الأيقونات» ونزّل النتائج، كلًّا على حدة أو في ملف ZIP واحد.
نبذة عن هذه الأداة
حوّل صورة مربعة واحدة إلى كل الأيقونات التي يحتاج إليها موقع ويب، مع الشيفرة اللازمة. الاستخدام مجاني وبلا حدود، ولا يُرفع أي شيء؛ فالمعالجة كلها تتم في متصفحك. لا يُرسل ملفك إلى خادم، وتُنزل النتيجة مباشرة إلى جهازك. لا حاجة إلى حساب، ولا تُضاف علامة مائية.
الخصوصية والقيود
ينشئ كل تشغيل مجموعة ثابتة: favicon.ico (بمقاسات 16 و32 و48 و256 px)، وapple-touch-icon.png (بمقاس 180 px)، وicon-512.png، وog-image.png (بمقاس 1200×630) إذا اخترت تضمينها. لا يمكن تغيير المقاسات، ولا تُضاف إدخالات إلى manifest.json؛ انسخ أسماء الملفات إلى ملف manifest الخاص بك. تُقص البطاقة المخصصة لوسائل التواصل الاجتماعي من وسط صورتك لتصبح بمقاس 1200×630، لذا تُفقد الأجزاء العلوية والسفلية من الصور الطولية أو المربعة. تُكبّر الصور الصغيرة، وقد تبدو غير واضحة.
آخر تحديث:
الأسئلة الشائعة
ما حجم الصورة المصدرية المناسب؟
استخدم صورة مربعة بأبعاد لا تقل عن 512 × 512 بكسل، واجعل الرسم بعيدًا قليلًا عن الحواف. تُصغَّر جميع الأيقونات انطلاقًا منها، لذا ستبدو الأيقونات الأكبر ضبابية إذا كان حجم الصورة أصغر من ذلك.
لماذا أحتاج إلى كل هذه الأحجام للأيقونات؟
لأن كل موضع يستخدم حجمًا مختلفًا: 16 بكسل لعلامة تبويب المتصفح، و180 لشاشة iPhone الرئيسية، و512 لشاشة بدء التشغيل في Android. يتيح توفير كل حجم للنظام استخدام الأيقونة المناسبة بدلًا من تكبير أيقونة بحجم غير ملائم بطريقة قد تؤثر في مظهرها.
هل ما زلت بحاجة إلى favicon.ico؟
من المفيد توفيره. تطلب بعض المتصفحات القديمة وبرامج الزحف الملف /favicon.ico مباشرةً وتتجاهل وسوم الروابط، لذا يغطي ملف ICO متعدد الأحجام هذه الحالات.
ما فائدة بطاقة Open Graph؟
هي الصورة التي تظهر عند مشاركة رابطك على وسائل التواصل الاجتماعي أو في محادثة. من دونها، قد يظهر الرابط كمستطيل أزرق فارغ.