Hostwinds دروس

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


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


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

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

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

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

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

ضغط الصور

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

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

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

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

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

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

بالإضافة إلى ضغط الصور ، قد ترغب أيضًا في التفكير في استخدام تنسيق صورة الويب.لقد ثبت أنه يقلل من حجم الصورة بأكثر من 80 ٪ في بعض الحالات ، ويدعمه جميع المتصفحات الرئيسية ، بما في ذلك Chrome و Firefox و Microsoft Edge و Safari.

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

وهناك العديد من الإضافات WordPress التي سيفعل كل الرفع الثقيل لك - Optimus و Smush و Optimole يستحقون التفكير.

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

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