Как уменьшить размер изображений для ваших веб-сайтов (без потери качества)

Обновлено: 2022 января 04 г. / Автор статьи: Джейсон Чоу

Уменьшение размера изображения веб-сайта необходимо для обеспечения оптимального взаимодействия посетителей с сайтом. Будучи таким «тяжелым», изображения также вызывают более длительное время загрузки страницы, что ненавидит Google. Оставление неоптимизированных изображений может привести к последствиям ранжирования страницы результатов поисковой системы (SERP).

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

Помните, что уменьшение размера изображения означает уменьшение размера файла, а не просто уменьшение размеров в пикселях. 

1. Использование редактора изображений

Краска MS

Самый простой способ уменьшить размер изображения — использовать такой инструмент, как Microsoft Paint (или GIMP если у вас линукс). Я скачал относительно большой файл на изображении выше, изначально размером 3724 x 2400 пикселей. Он занял 1.2 МБ, что важно для использования в Интернете.

Открыв его в Microsoft Paint, я изменил его размер до 1024 пикселей в ширину с пропорциональным уменьшением высоты. В результате получилось изображение размером 1024 x 659 пикселей и размером всего 273 КБ. Как видите, уменьшение размера изображения позволило сэкономить более чем в пять раз по сравнению с исходным размером файла.

2. Использование сжатия изображений

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

Сжатие изображений может помочь еще больше уменьшить размеры изображений. Каждое изображение содержит такие компоненты, как качество цвета, плотность пикселей и многое другое. Чем лучше качество, тем больше данных содержит фотография и, следовательно, она занимает больший размер.

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

Установив качество изображения 70, я уменьшил уменьшенное изображение с 274 КБ до менее чем 80 КБ. Помните, что это по сравнению с исходным размером изображения более 1.2 МБ.

3. Преобразование изображений в другие форматы

Изображения бывают разных типов, что влияет на их качество и размер. Например, одно и то же изображение в формате JPG может быть значительно меньше, чем такое же изображение в формате BMP. Сегодня многие веб-сайты переходят на форматы изображений следующего поколения, такие как WebP.

Опять же, с помощью онлайн-инструмента, такого как Онлайн-конвертировать, я могу быстро заменить исходное изображение волка из формата JPG в формат WebP. Это изменение привело к большей экономии размера: теперь файл WebP весит всего 28.7 КБ. 

4. Используйте плагин WordPress.

Smush

Если вам нужно обработать несколько изображений и запустить WordPress сайт, есть еще лучший вариант. Плагины для оптимизации изображений могут делать все вышеперечисленное даже без вашего вмешательства. Примеры авторитетных плагинов для оптимизации изображений включают: EWW-оптимизатор, Изображение Smashи Imagify.

Преимущество использования этих плагинов заключается в том, что они могут работать независимо, и вам не нужно будет беспокоиться, как только вы все настроите. Однако использование плагинов увеличивает общее потребление ресурсов на вашем веб-сайте, поэтому выбирайте плагины с умом.

Заключительная мысль об уменьшении размера изображения

Показанные различные методы не являются взаимоисключающими. Вы можете использовать один, два или все три, и результаты, как правило, только улучшатся. Основная цель состоит в том, чтобы максимально уменьшить размеры файлов, не слишком жертвуя качеством изображения.

Помните, что чем легче ваш сайт, тем он выгоднее для ваших читателей и для вас. Они обеспечивают более плавную загрузку, а вы платите меньше за хранилище и пропускную способность. Это беспроигрышная ситуация.

Прочитайте больше:

О Джейсоне Чоу

Джейсон - поклонник технологий и предпринимательства. Он любит строить сайт. Вы можете связаться с ним через Twitter.

Подключение: