أبعاد الصورة أم ضغطها؟ طريقة لاختيار PNG وJPEG وWebP

يمكن أن تكون صورتان بالأبعاد نفسها لكن بحجمين مختلفين جداً بالبايت. ويمكن لصورة صغيرة على الشاشة أن تبقى ملفاً ضخماً عند التحميل. لتجهيز صورة لمدونة أو صفحة ويب، افصل بين ثلاثة قرارات: الأبعاد، وطريقة الضغط، والصيغة.

الأبعاد تحدد عدد البكسلات

صورة بعرض 2400 وارتفاع 1600 تحتوي 3,840,000 بكسل. إذا صغرتها إلى 1200 في 800 أصبح العدد 960,000، أي ربع عدد البكسلات. هذه مقارنة حسابية للأبعاد، وليست وعداً بأن حجم الملف سينخفض إلى الربع؛ طريقة الترميز ومحتوى الصورة يؤثران في النتيجة أيضاً.

اختر أبعاداً مناسبة لمكان العرض واحتفظ بالأصل للعمل المستقبلي. لا تكبّر لقطة صغيرة لمجرد الحصول على رقم أكبر في خانة العرض؛ زيادة عدد البكسلات لا تعيد تفاصيل لم تكن في الأصل.

الضغط يغيّر طريقة تمثيل الصورة

الضغط دون فقد يسمح باستعادة معلومات الصورة المرمّزة دون حذفها بسبب الضغط نفسه. أما الضغط مع الفقد فيتخلص من بعض المعلومات للحصول على ملف أصغر عادةً. عند تغيير الأبعاد أو الألوان قد تغير الصورة أيضاً، حتى إذا حفظتها لاحقاً بصيغة تدعم ضغطاً دون فقد.

راقب حواف الحروف والخطوط والتفاصيل الدقيقة عند المقارنة. قد تبدو صورة فوتوغرافية جيدة بإعداد لا يناسب لقطة شاشة مليئة بالنص. ولا تجعل معاينة مصغرة جداً أساس حكمك على وضوح صورة سيقرؤها الزائر.

اختر الصيغة بحسب المحتوى

نوع المحتوى	نقطة بداية للمقارنة	ما تراجعه
صورة فوتوغرافية	JPEG أو WebP	تفاصيل الوجه والظلال مع حجم الملف
لقطة شاشة بنصوص	PNG أو WebP دون فقد	حواف الحروف والأرقام الصغيرة
شعار بخلفية شفافة	PNG أو WebP يدعم الشفافية	الحواف على خلفية فاتحة وداكنة

JPEG لا يدعم قناة شفافية، بينما تدعم PNG وWebP ذلك. وWebP يدعم الضغط مع الفقد ودونه؛ اختيار امتداد WebP وحده لا يخبرك بالإعداد الذي استُخدم.

نفّذ مقارنة من أربع خطوات

1. احتفظ بنسخة أصلية ودوّن الأبعاد والحجم قبل أي تغيير.
2. صدّر نسخة بأبعاد العرض المطلوبة، ثم نسخة أخرى بصيغة بديلة بالأبعاد نفسها.
3. قارن النسختين عند حجم العرض الفعلي، وافحص النص أو التفاصيل المهمة بتكبير مناسب.
4. اختر أصغر نسخة تحافظ على الوضوح الذي يحتاجه القارئ، ثم افتح الصفحة على الهاتف.

إذا كانت الصورة تحتوي شرحاً أو أرقاماً، فأولوية القراءة أهم من توفير عدد صغير من الكيلوبايت. وإذا لم تلاحظ تحسناً في الحجم بعد التحويل، لا تفترض أن الأداة معطلة؛ أعد مقارنة الإعدادات والأبعاد ومحتوى الصورة.

كيف تقرأ نتيجة المقارنة؟

مثال حسابي افتراضي: إذا كان الأصل 800KB والنسخة 200KB، فالانخفاض هو (800−200)÷800×100 = 75%. هذا مثال على الحساب، وليس قياساً لأداة أو وعداً بتحقيق النسبة نفسها على ملفاتك. دوّن مع النتيجة الإعدادات التي أنتجتها حتى تستطيع إعادة التجربة.

قبل رفع الصورة

راجع الإذن باستخدامها، واحذف البيانات الظاهرة التي لا تريد نشرها، واكتب وصفاً بديلاً يشرح معناها في السياق. اختبر المنصة التي سترفع إليها؛ فقد تعيد ترميز الملف وتغير حجمه. لمعرفة كيفية فحص نصيحة تقنية عامة قبل تطبيقها، اقرأ دليل التحقق من إجابات الذكاء الاصطناعي.

المراجع

• MDN: دليل صيغ الصور وخصائص الضغط والشفافية.

ملاحظة تحريرية: أُعدّ هذا الدليل بمساعدة أدوات ذكاء اصطناعي، مع الرجوع إلى المراجع المذكورة. لا يتضمن تجربة شخصية مزعومة أو إعلاناً مدفوعاً. للإبلاغ عن خطأ استعمل نموذج التواصل.