تحسين اختياري للصور قبل التحميل

متابعة النقاش من تحسين الصور قبل الرفع؟:

هذا طلب تعليقات (RFC) للضغط/تغيير الحجم/التحسين الاختياري للصور على جانب العميل قبل عملية الرفع. سيتم تجربة ذلك باستخدام مكون موضوع. إذا ثبتت فائدته، فسننظر في إضافة هذه الميزة في النواة للإصدار 2.8.

واجهة المستخدم

سيتمكن المستخدمون من التحكم في التحسين على جانب العميل عبر مربع اختيار بسيط في نافذة الرفع المنبثقة

تقنية الضغط

في البداية، سنقوم بتجربة تحسين ملفات JPEG، وهي الأكثر شيوعًا من الهواتف الذكية للمستخدمين.

سيعيد مكوننا تغيير حجم الصورة المرفوعة من المستخدم إذا كانت أكبر من الحد الأقصى للحجم المهيأ، ويعيد ترميزها باستخدام MozJPEG.

في اختراقاتي، يستغرق ذلك أقل من 10 ثوانٍ على هاتف أندرويد متوسط المواصفات، ويضغط صورة نموذجية إلى أقل من 30% من حجمها الأصلي.

النتائج

الأصلية

المحسّنة

تم تغيير حجمها إلى 50% + محسّنة

22 إعجابًا

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

إلى أي مدى يجب تحسين الصور قبل الرفع: “لا شيء|قليلاً|كثيراً” …

الاسم/القيمة والافتراضي قيد الانتظار.

النتائج تبدو ممتازة للغاية! أيضًا، بالاقتران مع… ربما نجعل هذا تلقائيًا بنسبة 100% لحالات معينة؟ تقوم بإعداد “الحد الأقصى” لحجم الصور في منتداك إلى 2000 كيلوبايت ولدينا خوارزمية تبدأ وتضمن أننا نتكفل بالأمر.

16 إعجابًا

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

نعم، من فضلك. إذا ترك الأمر للمستخدمين، فسيتم استخدامه بشكل متقطع، ولن يفهم المستخدمون غير الملمين الغرض منه.

5 إعجابات

أداة أحبها مع ضغط سريع في 75 خطوة: https://squoosh.app/

إعجاب واحد (1)

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

3 إعجابات

هذه الميزة جاهزة تقريبًا، ويجب أن نتمكن من اختبارها قريبًا:

https://github.com/discourse/discourse/pull/13432

8 إعجابات

يرجى التحقق من Testing composer image optimization

إعجابَين (2)