ضغط وتحسين ملفات JPEG لشبكة الويب العالمية

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

~ مصمم جرافيك مجهول

الجزء الأول: مقدمةالجزء الثاني: منع نفسك من الادخار بنسبة مائة بالمائة (100٪)الجزء الثالث: خيارات للضغطالجزء الرابع: مجموعة متنوعة من أنواع الوسائط للويبالجزء الخامس: أداة لضغط صور JPEGالجزء السادس: الخاتمة

الجزء الأول: مقدمة

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

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

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

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

الجزء الثاني: منع نفسك من الادخار بنسبة مائة بالمائة (100٪)

تجنب حفظ صور JPEG الخاصة بك باستخدام جودة مائة بالمائة (100٪). بالطبع ، لن ينتج عن ذلك صورة تم تحسينها. كلما زادت جودة الصورة ، زاد حجم الملف.

تحقق شيئا. إذا حاولت حفظ الصورة بجودة 90٪ إلى 95٪ ، فستلاحظ أنه سيتم تقليل حجم الملف بشكل كبير. هناك أوقات يتعين عليك فيها حفظ صورك بجودة أقل من 90٪.

إذا كنت تستخدم Photoshop ، فأنت محظوظ. إذا حاولت سحب مربع الحوار "Save For Web" ، يمكنك أن ترى أن Photoshop يسمح لك بالفعل بالاختيار من بين عدد من القيم المختلفة المعدة مسبقًا. يمكن رؤية القيم الممكنة لـ JPEG أدناه:

* الحد الأقصى للجودة هو 100٪.

* جودة عالية جدًا تصل إلى 80٪.

* جودة عالية 60٪.

* جودة متوسطة 30٪.

* أخيرًا ، بلغت الجودة المنخفضة 10٪.

حتى أن Adobe Photoshop يعتبر 60٪ صورة ذات جودة عالية. بالنسبة لمطوري الويب ، من الأفضل الالتزام بحوالي 50٪ حتى 70٪. هذا نطاق آمن يمكنك أن تضمنه عند تطوير مواقع الويب الخاصة بك.

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

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

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

الجزء الثالث: خيارات للضغط

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

هذه في الواقع خيارات يمكنك استخدامها وهي واحدة من أكثر الخيارات أساسية. وفي الواقع ، يجب أن يكون أكثر من كافٍ عند الحفظ لشبكة الويب العالمية. لا يتعمق معظم المستخدمين في مجموعة متنوعة من التخصيصات. يؤدي أخذ العينات الفرعية إلى وقوع الأشخاص في مشكلات أكثر تعقيدًا ، حيث تكون ، على سبيل المثال ، في عملية التحويل من تلك الخاصة بصور RGB إلى صور YCbCr (Chroma Red و Chroma Blue و Luminance).

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

ومع ذلك ، قد لا تعرف هذا ولكن Adobe Photoshop عادة لا يستخدم الاختزال الفرعي كطريقة للضغط. إذا كنت تستخدم Adobe Photoshop واخترت Save For Web ، فإن الصور المحفوظة باستخدام هذه الميزة ستستخدم عينات chroma الفرعية التي تقل عن قيمة الجودة بنسبة 50٪.

الجزء الرابع: مجموعة متنوعة من أنواع الوسائط للويب

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

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

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

من الأفضل لك تنفيذ نظام منظم للملفات يتيح لك البحث بسهولة في الملفات. هناك مشرف موقع يختار استضافة صوره خارج مضيفي الويب كما هو الحال في Picasa أو Flickr.

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

الجزء الخامس: أداة لضغط صور JPEG

أداة ضاغط الصور التي نوصي بها لضغط الصور هي ضاغط الصور المجاني على الإنترنت من FoneDog. تتميز الأداة المذكورة بالمزايا التالية:

* يسمح لك بضغط ملفات الصور (مثل JPEG أو PNG) مما يؤدي إلى تقليل الحجم دون فقدان الكثير من جودة الصورة.

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

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

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

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

الخطوة 01 - انتقل إلى صفحة Photo Compressor في موقع FoneDog انقر هنا.

الخطوة 02 - قم بتحميل صورتك أو صورك. يمكنك تحميل 20 صورة بحد أقصى بحد أقصى 5 ميجا بايت لكل صورة.

الخطوة 03 - بعد ضغط الصور ، قم بتنزيل ملف الصورة المضغوط داخل النظام الأساسي المذكور.

الجزء السادس: الخاتمة

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

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