shadcn.io— آلاف الكتل الجاهزة من shadcn/ui
الانتقال إلى المحتوى

لماذا لقطات شاشتك بحجم 2 ميغابايت، وكيف تصغّرها 60% إلى 90%

أحصيت مرّة لقطات الشاشة في سلسلة بريد واحدة لمراجعة تصميم. إحدى عشرة لقطة، كلها 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 ميغابايت إجمالًا بدل عشرين ونيّف. الصور نفسها. كل شيء نفسه. لكن بلا هذا الوزن الميّت.

مقالات ذات صلة


كل المقالات