الصفحة ونتائج البحث
منشئ أيقونة الموقع وملف manifest
حوّل شعاراً واحداً إلى طقم أيقونات للموقع وأيقونة قابلة للقناع وأيقونة Apple وملف manifest ووسوم head التي تربطها.
يعمل في متصفحك ولا يُرفع أي شيء. · مجانية، دون حساب · 4 دقيقة
تبقى الصورة في تبويب المتصفح هذا. ولا يُرفع شيء.
بصيغة سداسية عشرية مثل #0b5fff.
ويملأ أيضاً خلفية الأيقونة القابلة للقناع خلف صورتك.
يُستخدم في الروابط، مثل /icons/.
استيراد العملية المحفوظة إلى حسابك سيتوفر قريباً. وحتى ذلك الحين تبقى آخر عملياتك في هذا المتصفح فقط، ويمكنك تنزيل ملفاتك.
طريقة الاستخدام
- اختر شعارك أو أيقونتك بصيغة PNG أو JPEG أو WebP أو SVG.
- أدخل اسم التطبيق والاسم المختصر وعنوان البداية ونمط العرض ولون السمة ولون الخلفية.
- ابنِ ملفات الأيقونات واقرأ التنبيهات عن المقاس والشكل.
- نزّل ملف zip وارفع الملفات إلى المجلد الذي سميته والصق وسوم head في صفحاتك.
ما الذي تفحصه وكيف تعمل
ترسم الأداة صورتك على لوحات canvas داخل متصفحك وتبني favicon.ico وفيه صور PNG بمقاسات 16 و32 و48 بكسل (يستطيع ملف ICO حفظ صورة PNG كاملة كما يشرح وصف صيغة ICO)، وأيقونات PNG بمقاسات 16 و32 و192 و512 بكسل، وأيقونة قابلة للقناع بمقاس 512 بكسل، وأيقونة Apple بمقاس 180 بكسل، وملف manifest.webmanifest، ووسوم link لعنصر head. وتُضغط الملفات بحزمة fflate ولا يُرفع شيء.
وتتبع الأداة هذه المصادر. تشترط Google أيقونة مربعة بمقاس 8 x 8 بكسل على الأقل وتوصي بما يزيد على 48 x 48. ويقول web.dev إن المحتوى المهم في الأيقونة القابلة للقناع يجب أن يقع داخل دائرة في الوسط نصف قطرها 40 في المئة من عرض الأيقونة، لذلك يُصغَّر ملف الأيقونة القابلة للقناع ليدخل صورتك في هذه الدائرة فوق لون خلفيتك. ويسرد MDN أعضاء icons في manifest وقيم purpose. وتذكر إرشادات Apple مقاس 180 x 180 بكسل لأيقونة iPhone بشاشة Retina.
حدود الأداة: تُكبَّر الصورة الأصغر من 512 بكسل فتبدو غير حادة، وتوضع الصورة غير المربعة في الوسط مع فراغ حولها. ويحوّل المتصفح ملف SVG إلى نقاط. أما عرض المتصفح تثبيت الموقع فيتوقف على معايير التثبيت لديه، ولا تفحصها هذه الأداة.
المصادر
- Google Search Central: Define a favicon to show in search results اطُّلع عليه في 29 أكتوبر 2026
- web.dev: Adaptive icon support in PWAs with maskable icons اطُّلع عليه في 29 أكتوبر 2026
- MDN Web Docs: Web app manifest, icons member اطُّلع عليه في 29 أكتوبر 2026
- Apple: Configuring Web Applications (Safari Web Content Guide) اطُّلع عليه في 29 أكتوبر 2026
- Wikipedia: ICO (file format), the ICONDIR layout and PNG images inside ICO اطُّلع عليه في 29 أكتوبر 2026
أدوات ذات صلة
منشئ وسوم Open Graph وبطاقة X
ابنِ وسوم Open Graph وبطاقة X لصفحتك وعاين بطاقة المشاركة.
مستخرج وسوم meta
اعرض كل وسوم meta وعلاقات link ووسوم Open Graph وأنواع JSON-LD في عنصر head، واعرف ما ينقص الصفحة.
محول الصور إلى WebP وAVIF
حوّل الصور إلى WebP أو AVIF داخل متصفحك، واضبط الجودة، وشاهد مقدار انكماش كل ملف.
محول الألوان: HEX وRGB وHSL وOKLCH
حوّل الألوان بين HEX وRGB وHSL وOKLCH، لوناً واحداً أو عدة ألوان، بصياغة CSS.
أسئلة
عن هذه الأداة
تشترط Google أيقونة مربعة بمقاس 8 x 8 بكسل على الأقل وتوصي بما يزيد على 48 x 48. وتبني الأداة أيضاً أيقونتي 192 و512 بكسل لملف manifest.
أيقونة تقع رسومها داخل منطقة آمنة في الوسط ليقصّها الجهاز بشكل دائرة أو مربع أو غيره. ويعرّف web.dev المنطقة الآمنة بأنها دائرة نصف قطرها 40 في المئة من العرض.
لا. تُقرأ الصورة وتُغيَّر أبعادها في متصفحك ويُبنى ملف zip هناك، ولا يُرسل شيء إلى خادم.
ابدأ اليوم
اعرف أين تقف علامتك في الذكاء الاصطناعي. مجاناً.
شغّل تحليل ظهور مجانياً على نطاقك. دون بطاقة ائتمان، والنتائج خلال دقائق. اعرف ما تقوله محركات الذكاء الاصطناعي عن علامتك اليوم.
علامات تقيس ظهورها في الذكاء الاصطناعي مع ظاهر.
