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

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

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

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

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

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

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

• ShortPixel
• Ewww Image Optimizer

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

В дополнение к сжатию изображений, вы также можете рассмотреть возможность использования формата изображения WebP.Было показано, что в некоторых случаях он уменьшает размер изображения более чем на 80% и поддерживается всеми основными браузерами, включая Chrome, Firefox, Microsoft Edge и Safari.

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

И есть несколько плагинов WordPress, которые сделают для вас всю тяжелую работу - Optimus, Smush и Optimole - это несколько достойных рассмотрений.

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