الضغط الخاسر مقابل الضياع: دليل المبتدئين لكلا التنسيقين

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

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

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

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

الاختلافات بين Lossy و Lossless

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

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

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

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

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

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

عناصر الصورة الرقمية

مثل البرامج وتطوير الويب ، غالبًا ما يكون هناك "مكدس" لالتقاط صورة من الكاميرا إلى الويب.

تبدأ الصورة على أنها بيانات "خام" (ومن هنا جاء اسم RAW). هذا يشبه رمز التطبيق: تُترجم المقتطفات والخطوط والقيم إلى خلفيات ذات لون وعناصر نائبة للصور وعناصر ديناميكية والمزيد.

بالنسبة للصورة ، يقدم ملف RAW تمثيلًا مختلفًا قليلاً للصور بناءً على الشركة المصنعة للكاميرا ، وبرامج التحرير ، وخوارزمية مساحة اللون ، والمزيد. من هناك ، يمكنك تحرير الصورة وتصديرها كأحد تنسيقات الملفات المتعددة (المزيد حول هذه لاحقًا):

هناك عدد قليل من العناصر المختلفة التي تشكل صورة رقمية قياسية:

• نوع الملف: ستوفر الأنواع المختلفة صفات قد تناسب صورتك النهائية وقد لا تناسبها. المفتاح هو اختيار نوع الملف الأنسب للتطبيق.
• الدقة: سترى هذا غالبًا معبراً عنه بالميغابكسل (MP) ، لكنك ستستخدم أيضًا وحدات البكسل في البوصة (PPI) أو النقاط في البوصة (DPI). توفر الدقة العالية جودة أعلى ، لكنها تزيد أيضًا من حجم الملف الأولي
• عمق البت: يحدد هذا الجانب معلومات اللون في الصورة. سيعرض عمق البت المنخفض بضعة ألوان فقط ، في حين أن عمق البت المرتفع قد يعرض ملايين الألوان دفعة واحدة. بشكل عام ، الأعلى هو الأفضل.
• الأبعاد: هذه هي المساحة المادية التي تشغلها الصورة. على سبيل المثال ، يمكن أن تحدد 1000 بكسل × 500 بكسل الحجم الإجمالي للصورة.
• مساحة اللون: هذه خوارزمية تحدد كيفية عرض الألوان. يتم إعداد كل مساحة لونية بشكل مختلف ، وغالبًا ما يرجع ذلك إلى تفضيل المصور.

تتحد هذه العناصر لتقديم صورة نهائية ذات جودة متفاوتة. على سبيل المثال ، ستوفر صورة JPEG كبيرة وعالية الدقة وعمق بت عالي الجودة والوضوح:

في المقابل ، حتى الصورة ذات الأبعاد الكبيرة والقدرة على عرض الكثير من الألوان يمكن أن تبدو ضعيفة عند دقة وضوح منخفضة:

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

كيف يعمل تحسين صورة الويب

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

نحن نغطي الكثير من هذه المفاهيم في مكان آخر على مدونة Kinsta ، لكن الأمر يستحق إعطاء ملخص سريع للرجوع إليه:

• استخدم دقة 72 PPI ، لأن هذا هو المعيار للويب. يمكنك استخدام PPI / DPI أعلى لأسباب تتعلق بالأرشفة ، لكننا نفترض أنك تنشر على الويب.
• اضبط "الحافة الطويلة" للصورة على 2048 بكسل ، لأن هذا هو الأمثل للعديد من التطبيقات المختلفة.
• استخدم عمق ألوان 8 بت إذا حصلت على الخيار.
• قم بتشغيل صورة من خلال أداة الضغط والتحسين قبل النشر.

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

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

كيف يمكن لضغط الصور أن يساعد صور الويب الخاصة بك

بشكل عام ، يضغط "الضغط" الحد الأدنى والأقصى بالقرب من بعضهما البعض. على سبيل المثال ، يرفع الضغط أدنى مستوى صوت في الموسيقى ويقلل من أعلى مستوى. هذا يجعل المستوى المتوسط ​​أعلى من مستوى الأذن.

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

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

بعد كل ما قيل ، هناك الكثير من الفوائد لتطبيق ضغط الصور التي لا تقتصر على تنسيق معين:

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

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

إيجابيات وسلبيات الضغط الخاسر

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

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

بشكل عام ، هناك نوعان من الفوائد لاستخدام الضغط مع فقدان البيانات:

اشترك في النشرة الإخبارية

تريد أن تعرف كيف قمنا بزيادة حركة المرور لدينا أكثر من 1000٪؟

انضم إلى أكثر من 20000 آخرين ممن يتلقون رسائلنا الإخبارية الأسبوعية مع نصائح من الداخل حول WordPress!

إشترك الآن

• ستكون أحجام الملفات صغيرة - في بعض الحالات ، أقل من 10 كيلوبايت (KB).
• سيكون فقدان الجودة مقبولاً في كثير من الحالات ، على الرغم من القطع الأثرية.

يقودنا هذا إلى السلبيات لاستخدام الضغط مع فقدان - أن جودة الصورة ستقل بأي قدر من الضغط:

ستجد هذا النطاق اللوني - حيث لا تظهر ظلال الألوان بالطريقة الصحيحة - وسيكون فقدان وضوح الحافة مرئيًا في بعض الحالات. ستظهر الصور ذات الألوان الأقل القليل من هذا ، لكن تقليل الوضوح سيظل موجودًا.

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

على الرغم من العيوب ، يعد الضغط مع الفقد ممتازًا للويب وأداء موقعك. لا ينتج عن أحجام الملفات الصغيرة دائمًا صور محببة ، على الرغم من أنه يمكنك (بالطبع) تجاوز الأمور:

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

إيجابيات وسلبيات الضغط بلا خسائر

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

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

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

تتمحور مزايا استخدام الضغط بدون فقدان البيانات حول الاحتفاظ بالجودة:

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

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

فيما يلي بعض العيوب الأخرى للضغط بدون فقدان البيانات التي يجب مراعاتها:

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

بعد ذلك ، سنلقي نظرة على الطريقة الأسرع (وربما الأفضل) للقيام بذلك.

كيفية الاختيار بين Lossy مقابل Lossless

في هذه المرحلة ، أنت تفهم الفرق بين الضغط الضائع مقابل الضغط بدون فقدان البيانات. ومع ذلك ، ما زلت لا تعرف أفضل خوارزمية لاستخدامها على موقعك.

هناك حالتان يجب مراعاتهما:

1. بالنسبة لمعظم حالات الاستخدام على الويب ، من المقبول استخدام الضغط مع فقد البيانات.
2. إذا كنت ترغب في عرض التصوير الفوتوغرافي أو الفن المصور ، فإن الضغط غير المنقوص سوف يخدمك بشكل أفضل.

تعتمد هذه الاعتبارات على استخدام أحد تنسيقات صور الويب القياسية ، مثل JPEG أو PNG أو GIF. ومع ذلك ، قد تختلف احتياجات الضغط الخاصة بك مع التنسيقات الأكثر حداثة مثل HEIC و WebP.

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

استخدام خدمة الضغط عبر الإنترنت لتحسين صورك

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

ومع ذلك ، فإن الاختيار الشائع هو واحد من العديد من الخدمات عبر الإنترنت. سيقدم كل واحد مجموعة مختارة من الخوارزميات وواجهة مستخدم نموذجية (UI). علاوة على ذلك ، يتمتع معظمهم ببعض الخدمات المجانية ، على الأقل لتجربة التطبيق قبل الالتزام.

نحن نغطي بعض الخيارات في مقالتنا حول تحسين الصور ، على الرغم من أن هذه مكونات إضافية خاصة بـ WordPress والتي تتصل بواجهة برمجة التطبيقات (API). والخبر السار هو أن الكثير من هذه المكونات الإضافية توفر واجهة على الإنترنت أيضًا. على سبيل المثال ، ضع في اعتبارك ShortPixel:

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

الاختيار بسيط: نوعان من الضغط مع فقد البيانات ("Lossy" و "Glossy") ، وخيار بدون فقدان البيانات. تقوم واجهة ShortPixel بعمل جيد في شرح الفرق بين كل خوارزمية ، ويمكنك تنزيل الصور في غضون ثوان.

على الرغم من أن كلاهما يمكن أن يتكيف مع متطلباتك ، إلا أن واجهة Imagify تبدو أكثر رشاقة واحترافية من واجهة ShortPixel. هناك أيضًا ثلاثة "مستويات ضغط" هنا - عادي وعدواني وفائق:

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

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

مثل الكثير من الأسطورية التي تحمل الاسم نفسه ، يمكن لـ Kraken تغيير صورك وتطبيق أنواع مختلفة من الضغط. سيختار معظم المستخدمين إما النوع Lossy أو Lossless.

ومع ذلك ، يوجد أيضًا وضع الخبير:

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

ملخص

يمكن أن تبدو الصور وكأنها جانب بسيط من موقعك: فأنت تأخذ ملفًا وتحمله على WordPress ثم تضيف Image Block لعرضه.

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

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

إلى أي جانب تقف في المعركة بين الضغط الخاسر مقابل الضغط بلا خسارة؟ دعنا نعرف أفكارك في قسم التعليقات أدناه!