Need help? Chat now!

Hostwinds دروس

نتائج البحث عن:


جدول المحتويات


ضغط الصور
ما هو تنسيق صورة WebP؟

كيفية ضغط الصور لموقعك

العلامات Web Site,  Optimization 

ضغط الصور
ما هو تنسيق صورة WebP؟

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

ضغط الصور

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

  • resmush.it - أداة عبر الإنترنت متاحة أيضا كمجد وورد يعمل على تحسين الصور
  • TinyPNG - أداة مجانية على الإنترنت لتحسين الصور المتوفرة كجدادة وورد البرنامج المساعد ومساعد فوتوشوب.يمكن حتى ضغط ملفات PNG الرسوم المتحركة (APGG)
  • ضاغط - أداة سهلة، مجانية عبر الإنترنت (في الصورة أدناه ... عرض هذه الأداة تستخدم للصورة، أيضا! يمكنك أن ترى أن حجم الصورة تم تخفيض هذه الصورة بنسبة 72٪)
  • ImageOptim - أداة أخرى عبر الإنترنت تقوم بتحسين صورك أثناء إعطائك السيطرة الكاملة.يمكن أن يتحسن أيضا صور ريتينا عالية.ومع ذلك، فإن هذا واحد غير مجاني، حيث يبدأ التسعير في 9 دولارات مقابل 1000 تحسينات شهريا.

تم ضغط هذه الصورة بنسبة تزيد عن 70٪

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

  • بكسل قصير
  • محسن الصور Ewww

ما هو تنسيق صورة WebP؟

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

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

وهناك مكون إضافي WordPress للقيام بذلك - Optimus Image Optimizer.

حتى بالنسبة للمتصفحات غير المدعومة، يمكن إضافة دعم WEPP من خلال استخدام مكتبة Webpjs.

كتب بواسطة Hostwinds Team  /  يونيو 5, 2021