Как сжимать изображения для вашего сайта

Вероятно, самый простой способ увеличения скорости страницы и уменьшения пропускной способности уменьшается и оптимизация ваших изображений.Сжатые изображения помогут вам сделать это.Если сделано правильно, это не повлияет на качество изображений.Это становится нормой, так к счастью, это легко сделать с бесплатными онлайн-сервисами и плагинами.

Сжатие изображений

Вот несколько инструментов, которые могут помочь со сжатием изображений:

• Resmush.it - онлайн-инструмент также доступен как плагин WordPress, который оптимизирует изображения
• Tinypng - бесплатный онлайн-инструмент для оптимизации изображений, доступных в виде плагина WordPress и плагин Photoshop.Это может даже сжать анимированные файлы PNG (APNG)
• Компрессор - простой, бесплатный онлайн-инструмент (на фото ниже ... Показаны этот инструмент, используемый для изображения тоже! Вы можете увидеть, что размер этого изображения был уменьшен на 72%)
• ImageOPTIM - еще один онлайн-инструмент, который оптимизирует ваши изображения, давая вам полный контроль.Это также может оптимизировать сетчатые изображения сетчатой сетки.Тем не менее, этот не был свободен, поскольку ценообразование начинается с 9 долларов за 1000 оптимизаций в месяц.

Это изображение было сжато более чем на 70%

Если вы используете WordPress, это просто оптимизировать ваши изображения с помощью плагинов.Помимо услуг выше, которые предлагают плагин, вот еще несколько:

• ShortPixel
• Ewww Image Optimizer

Что такое формат изображения WebP?

В дополнение к сжатию изображения, вы также можете рассмотреть возможность использования формата изображения WebP, более новый формат, разработанный Google.Было показано, что уменьшает размер изображения более чем на 80% в некоторых случаях.Тем не менее, он не поддерживается всеми браузерами, в частности, Safari и Internet Explorer.Firefox еще не оказал, но они объявили о планах поддержать его в родом.

Но когда вы используете WebP, он не заменяет ваши существующие файлы JPEG или PNG.Поэтому, если посетители используют браузер, который не поддерживает WebP, они будут отображаться другой версией.Да, это означает, что у вас есть больше изображений на вашем сайте, но если большинство отображают версию WebP, она все еще может значительно уменьшить размер и вес вашего сайта, что делает его быстрее.

И есть плагин WordPress для этого - оптимизатор изображения Optimus Image.

Даже для неподдерживаемых браузеров поддержка WebP может быть добавлена через использование библиотеки WebPjs.