أدوات صور للمطورين

إنشاء favicon وأيقونات PWA وsrcset وأصول الويب

أنشئ حزمة أيقونات جاهزة، وصور WebP متجاوبة، وLQIP/Data URI، وsprite sheets، وpixel art، ومعاينة texture على جهازك.

Favicon + PWATool Office

srcset متجاوبTool Office

LQIP / Base64Tool Office

CSS spriteTool Office

مولد أصول صور الويب

يولّد مشتقات الصور والكود في سير عمل تطوير واحد بدل إنشاء صفحة منفصلة لكل مقاس أو نوع placeholder.

ابدأ بصورة أصلية واضحة، واختر نوع الأصل، ثم نزّل أسماء الملفات والكود المتناسقين.

اجمع favicon وApple Touch وAndroid/PWA وWeb manifest في ملف ZIP واحد.

صدّر WebP بعدة عروض مع srcset/sizes ليختار المتصفح الملف المناسب لمساحة العرض.

اعرض لونًا بارزًا وData URI صغيرًا ومموهًا أثناء تحميل الصورة الكاملة.

تجمع الحزمة الصور والكود لتقليل أخطاء التسمية والتثبيت.

أنشئ المقاسات الشائعة للمتصفح وApple وPWA من صورة مربعة واحدة.

تساعد العروض المتعددة والـplaceholder على تجنب إرسال صورة أكبر من اللازم لكل جهاز.

أنشئ وقسّم sprites وكبّر pixel art وافحص وصلات texture.

ما مقاسات favicon وأيقونات PWA؟

تتضمن الحزمة favicon بمقاسات 16 و32 و48 px، وأيقونة Apple Touch بحجم 180 px، وأيقونات Android/PWA بحجمي 192 و512 px.

ما فائدة srcset المتجاوب؟

يخبر المتصفح بعروض الصور ومعلومات التخطيط حتى يختار الملف الأنسب لمساحة العرض وكثافة الشاشة.

هل يجعل Base64 placeholder الصفحة أسرع دائمًا؟

لا. قد يقلل طلبًا منفصلًا للمعاينة الصغيرة لكنه يزيد حجم HTML أو CSS. اختبر الأداء على صفحتك الفعلية.