لماذا لقطات شاشتك بحجم 2 ميغابايت، وكيف تصغّرها 60% إلى 90%
Dov Azencot
@DovAzencotأحصيت مرّة لقطات الشاشة في سلسلة بريد واحدة لمراجعة تصميم. إحدى عشرة لقطة، كلها PNG، بمعدّل يقلّ قليلًا عن 2 ميغابايت لكل واحدة. عشرون ميغابايت ونيّف من لوحات تحكّم بيضاء في معظمها، تتطاير بين ستّة أشخاص كلهم يفتحون التطبيق نفسه في تبويب آخر. لم يفكّر أحد في الأمر، لأنه «كان يعمل». هذا هو الفخّ. لقطات الشاشة ضخمة بهدوء، والسبب مغروس في كيفية التقاط حاسوبك لها.
لماذا لقطة الشاشة ملفّ بحجم 2 ميغابايت
حين تضغط اختصار لقطة الشاشة، يحفظ نظام تشغيلك ملفّ PNG. هذا إعداد افتراضي معقول، فـ PNG بلا فقدان، واللقطة تصبح مطابقة للبكسل، ولقطة مليئة بنصّ حادّ هذه هي الغريزة الصحيحة فعلًا. المشكلة في ما تفعله PNG بـالحجم.
تخزّن PNG كل بكسل تمامًا. الشاشة الحديثة كثيفة، فالتقاط نافذة كاملة على شاشة Retina أو 4K قد يبلغ عرضه أكثر من 2000 بكسل، وتسجّل PNG بأمانة كل واحد من ملايين البكسلات بكامل الدقّة. لا يهمّها أن 60% من الإطار هو الدرجة نفسها من الأبيض تقريبًا. لا ترمي شيئًا، لأن الرمي ليس ما تفعله. فلقطة لصفحة إعدادات شبه فارغة — لا شيء تقريبًا بصريًا — تظلّ تزن 1.5 إلى 2.5 ميغابايت، لأن اللوحة ضخمة حتى حين يكون المحتوى شحيحًا.
الخطوة: التحويل إلى WebP
تستطيع WebP فعل ما تعجز عنه PNG — الضغط بفقدان مع الحفاظ على حواف حادّة وشفافية. على لقطات الشاشة تحديدًا يقترب هذا المزيج من السحر، لأن اللقطة في معظمها مناطق مسطّحة (رخيصة الضغط) مع قليل من النصّ (تبقيه WebP حادًّا). التمريرة الفاقدة تتخلّص من الضجيج غير المحسوس، وعينك لا تقدّم أي شكوى.
أرقام حقيقية من لقطات على قرصي أنا:
| لقطة الشاشة | كـ PNG | كـ WebP |
|---|---|---|
| صفحة إعدادات بيضاء في معظمها | 1.6 ميغابايت | نحو 180 كيلوبايت |
| لوحة تحليلات كاملة | 2.4 ميغابايت | نحو 310 كيلوبايت |
| محرّر شيفرة بالوضع الداكن | 1.9 ميغابايت | نحو 240 كيلوبايت |
هذا نحو 85% إلى 90% اقتطاعًا، ووضعتها جنبًا إلى جنب فلم أميّز أيّها أي. يبقى النصّ مقروءًا حتى البكسل. هذا أعلى تحويل مردودًا أقوم به على الإطلاق، بالضبط لأن لقطات الشاشة مفرطة الوزن ابتداءً — هناك قدر هائل من اللاشيء لعصره.
«ألن يصير النصّ ضبابيًا؟»
هذا هو الخوف، وهو خوف مشروع، لأنك على الأرجح رأيت لقطة JPG بنصّ ضبابي محاط بهالة فافترضت أن كل الصيغ الفاقدة تفعل ذلك. لكن WebP أفضل من JPG في الحواف — أفضل بوضوح. عند إعداد جودة معقول يبقى النصّ على لقطة WebP حادًّا. كبّرت إلى 400% باحثًا عن آثار حول أشكال الحروف فخرجت خالي الوفاض في لقطات الواجهة العادية.
الاستثناء الصادق: إن خفضت الجودة كثيرًا لملاحقة ملفّ صغير جدًّا، فسترى النصّ يليّن في النهاية. والحلّ ألّا تفعل ذلك. إعداد جودة متوسّط يمنحك مكسب الـ 60% إلى 90% مع بقاء النصّ سليمًا. لا سبب للدفع نحو المدى الذي ينكسر فيه.
متى لا يفيد التصغير
حالتان أترك فيهما PNG وشأنها.
إن كانت اللقطة عائدة إلى أداة تصميم لتُشرح أو تُعلَّم أو تُركَّب، أبقيها بلا فقدان. تمريرة WebP الفاقدة باب باتجاه واحد، ولا أريد دمج ضغط في شيء أوشك على تحريره وإعادة تصديره. انشر WebP، واحتفظ بأصل PNG — القاعدة نفسها دائمًا.
وإن كانت اللقطة صغيرة أصلًا — قصاصة تفصيلية دقيقة، أو زرّ واحد، أو شيء دون 100 كيلوبايت تقريبًا — فالتحويل بالكاد يحرّك الإبرة. مكسب الـ 60% إلى 90% يأتي من ملفّات ضخمة لأن اللوحة ضخمة. القصاصة الصغيرة حلّت تلك المشكلة أصلًا. لا تضف خطوة بلا طائل.
كيف أفعلها أنا فعلًا
أمرّر لقطات الشاشة عبر محوّل PNG إلى WebP على هذا الموقع قبل أن تقترب من بريد أو مستند. يحدث ذلك داخل متصفّحك، فاللقطة — التي، لنكن صريحين، كثيرًا ما تُظهر نصف شاشتك وأيًّا كان ما في الخلفية — لا تغادر جهازك أبدًا. أفلِت PNG، وراقب عمود الحجم ينهار، ونزّل WebP، وأرفق تلك بدلًا منها.
النقطة الأكبر ليست الأداة، بل ردّ الفعل. حالما تصير «التقط، ثم صغّر» تلقائية، تكفّ عن رمي صور 2 ميغابايت على أناس يفتحون التطبيق أصلًا، وترسل رسائلك أسرع، وتتوقّف السلاسل عن التضخّم إلى عشرات الميغابايت. تلك السلسلة ذات الإحدى عشرة لقطة كانت ستبلغ نحو 2 ميغابايت إجمالًا بدل عشرين ونيّف. الصور نفسها. كل شيء نفسه. لكن بلا هذا الوزن الميّت.
مقالات ذات صلة
لماذا أحوّل PNG إلى WebP (والمرّة الوحيدة التي لا أفعل فيها)
صيغة PNG رائعة للتحرير، لكنها مبذّرة حين تنشرها. إليك ما توفّره WebP فعلًا، وأين لا توفّر لك شيئًا، والقاعدة الوحيدة التي لا أخالفها أبدًا.
AVIF مقابل WebP — الملف الأصغر ليس دائمًا الصحيح
عادةً تتفوّق AVIF على WebP في الحجم، أحيانًا بنسبة 20% أو أكثر. إليك ما يكلّفك هذا الضغط الإضافي من وقت ترميز وحالات حدّية، ومتى ما زلت ألجأ إلى WebP.
SVG إلى PNG — حين تحتاج إلى البكسلات فعلًا (ومتى لا ينبغي)
صيغة SVG تتمدّد بلا حدود وتبقى صغيرة، فتحويلها إلى بكسلات يبدو تراجعًا. أحيانًا يكون كذلك. إليك متى تحتاج فعلًا إلى بكسلات PNG من متّجه، ومتى تترك SVG وشأنها.
كل المقالات