الصور هي عادة الجزء الأثقل في صفحات الويب، والاستمارات كثيراً ما تحدد حجم الصور ببضع مئات من الكيلوبايت. يكفيك فهم ثلاثة إعدادات: الصيغة والأبعاد والجودة.
1. اختر الصيغة المناسبة
- JPG — للصور الفوتوغرافية. ملفات صغيرة وجودة قابلة للتعديل.
- PNG — للشعارات ولقطات الشاشة والرسومات ذات الحواف الحادة أو الشفافية. بدون فقدان، لذا تكون الصور الفوتوغرافية بصيغة PNG كبيرة جداً.
- WebP — صيغة حديثة تدعمها كل المتصفحات الحالية، وغالباً أصغر من JPG بنسبة 25 إلى 35% بنفس الجودة المرئية.
2. استخدم أبعاداً معقولة
قد تصل صورة الهاتف إلى 4000 × 3000 بكسل، بينما تعرض معظم المواقع الصور بعرض بين 800 و1600 بكسل. أبعاد شائعة:
- صورة مقال: عرض 1200 إلى 1600 بكسل.
- صورة منتج: 1000 إلى 1200 بكسل.
- صورة الملف الشخصي: 400 إلى 600 بكسل مربعة.
- لافتة بعرض الشاشة: 1920 بكسل.
استخدم تغيير حجم الصور للأبعاد الدقيقة، أو خيار «أقصى عرض» في ضغط الصور.
3. اختر الجودة
في صيغتي JPG وWebP، الجودة بين 65 و80% لا يمكن تقريباً تمييزها عن الأصل على الشاشة، بينما يصبح الملف أصغر من 5 إلى 10 مرات. انزل أكثر فقط للصور المصغرة.
الوصفة السريعة
- افتح ضغط الصور.
- أضف كل صورك دفعة واحدة.
- الجودة 75%، والصيغة WebP (أو JPG إذا اشترطها الموقع)، وأقصى عرض 1600.
- حمّل كل شيء في ملف ZIP.
للاستمارات الإدارية
إذا طلب الموقع «JPG، 200 كيلوبايت كحد أقصى، 600 × 600 بكسل»: قص الصورة مربعة أولاً، ثم غيّر أبعادها إلى 600 × 600، ثم اضغطها بصيغة JPG بجودة 70 إلى 80%. تحقق من الحجم الذي يعرضه PDFly قبل الرفع.