منشئ أيقونة الموقع
حوّل الشعار أو الصورة إلى حزمة أيقونات كاملة: favicon.ico للمتصفحات القديمة، وأيقونات PNG من 16 إلى 512 بكسل، وapple-touch-icon، وملف manifest، وكود HTML
أسقط ملف صورة هنا
أو انقر لتصفح الملفات
حوّل الشعار أو أي صورة مربعة إلى مجموعة الأيقونات الكاملة التي يحتاجها موقع حديث: favicon.ico للمتصفحات القديمة، وأيقونات PNG من 16 إلى 512 بكسل، وأيقونة apple-touch-icon لشاشات iOS الرئيسية، وملف manifest لتطبيق الويب، وكود HTML الذي يشير إليها جميعاً.
وتحصل على الملفات والكود في خطوة واحدة، فلا تحتاج إلى تذكّر المقاسات التي يجب تصديرها ولا وسوم link التي يجب كتابتها. وتُعالَج الصورة المصدرية محلياً، وهذا مهم إذا لم يكن الشعار معلناً بعد.
كيفية إنشاء أيقونة الموقع وحزمتها
اختر شعاراً أو صورة مربعة
أنشئ مجموعة الأيقونات
نزّل الملفات وانسخ كود HTML
الأسئلة الشائعة
ما المقاسات التي تُنشأ؟
16×16 و32×32 لتبويبات المتصفح، و96×96 للاختصارات، و180×180 لأيقونة apple-touch-icon، و192×192 و512×512 لتثبيت التطبيقات على Android وPWA، إضافة إلى favicon.ico بأحجام متعددة للمتصفحات القديمة.
من أي صورة أبدأ؟
من ملف PNG أو SVG مربع بدقة 512×512 أو أكبر وبخلفية شفافة. فالشعار العريض تُضاف إليه أشرطة، والصورة الصغيرة أو غير الواضحة تعطي أيقونة موقع باهتة عند 512 بكسل.
هل أحتاج كل هذه الملفات؟
لموقع حديث، يغطي ملف .ico مع أيقونتي 192 و512 بصيغة PNG وملف manifest كل الاحتياجات تقريباً. وارفع المجموعة كاملة إن أردت أقصى توافق، فهي لا تزيد إلا على بضعة كيلوبايتات.
أين توضع الملفات؟
ارفعها إلى جذر موقعك ليصبح المساران /favicon.ico و/icon-192.png صالحين، ثم الصق كود HTML في قسم <head> من كل صفحة، أو اربط ملف manifest واتركه يتولى الباقي.
هل يعمل مع تطبيق ويب أو تطبيق PWA؟
نعم؛ فملف manifest وأيقونتا 192 و512 هما بالضبط ما يحتاجه تطبيق ويب قابل للتثبيت. وضع في اعتبارك الأيقونات القابلة للقص (maskable) إن كان شعارك يجب أن يصمد أمام الأشكال التكيفية في Android.
هل تُرفع صورتي؟
لا، تُنشأ كل الأيقونات في متصفحك.
نظرة سريعة
| المدخل | صورة |
|---|---|
| عدة ملفات | لا |
| مكان التشغيل | في متصفحك، ولا تُرفع الملفات أبداً |
| يعمل دون اتصال | نعم — بعد تحميل الصفحة |
| السعر | مجاني، بلا تسجيل وبلا علامة مائية |
كيف تختار بين JPG وPNG وWebP وAVIF
تخضع هذه الصيغ لمشكلات مختلفة، واختيار الصيغة الخطأ يكلّفك إما الجودة وإما حجم الملف. وJPG هو الخيار الأكثر أماناً للصور الفوتوغرافية ولكل ما تحتاج إلى إرساله إلى شخص آخر، لأن كل جهاز وكل برنامج يفتحه، لكنه يفقد من البيانات ولا يدعم الشفافية. أما PNG فهو بلا فقدان ويدعم الشفافية، وهذا ما يجعله مناسباً للشعارات ولقطات الشاشة والمخططات ولكل ما له حواف حادة أو نص، مقابل ملف أكبر بكثير. ويتفوّق WebP على JPG عادةً بنسبة 25%–35% عند الجودة الظاهرة نفسها ويدعم الشفافية، لكن بعض البرامج الأقدم ما زالت لا تستطيع فتحه. ويضغط AVIF أكثر من ذلك، خصوصاً عند إعدادات الجودة المنخفضة، لكن ترميزه أبطأ ودعمه هو الأحدث بين الأربعة. والقاعدة العملية: JPG للإرسال، وPNG للتحرير، وWebP لموقعك الخاص، وAVIF حين تكون كل كيلوبايت مهمة وتكون قد تأكدت من أن جمهورك يستطيع فتحه.
الوصول بالملف إلى ما دون حدّ الحجم
غالباً ما تشترط نماذج الرفع شيئاً مثل «أقل من 2 MB» أو «أقل من 500 KB»، وأسرع طريق إلى ذلك هو العمل بالترتيب الصحيح: اقتطع ما لا تحتاجه، ثم قلّل أبعاد البكسل إلى ما يحتاجه الاستخدام النهائي تقريباً (1920 بكسل عرضاً تكفي لصورة ويب بملء الشاشة، و1000 بكسل لمقالة مدوّنة)، وبعد ذلك فقط اخفض الجودة. وقد يكون التحويل إلى WebP أو AVIF أكبر توفير منفرد إن كان نموذج الرفع يقبلهما. وإزالة البيانات الوصفية لا تضر بالحجم وقد تهم للخصوصية، لأن الصور كثيراً ما تحمل إحداثيات GPS وطراز الكاميرا بدقة والتاريخ. وإن رفض النموذج الملف رغم ذلك فتحقق مما إذا كان يفرض حداً على أبعاد البكسل لا على الحجم فقط، فهذا ما يفاجئ الناس أكثر من الميغابايتات الفعلية.