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

Медленная загрузка страниц отрицательно влияет и на оценку сайта поисковыми системами, и на поведенческий фактор. Один из способов ускорить загрузку сайта — оптимизировать изображения. Что такое оптимизация изображения?  Это уменьшение его веса (сжатие) за счет удаления некоторого количества информации из файла.

Как оптимизировать изображения для сайта? Существует несколько способов.

1. С помощью графических редакторов.

Фотошоп содержит функцию Save for the web (Сохранить для Веб),  которая позволяет выбрать формат изображения, качество, количество цветов и таким образом изменить вес изображения.

Чтобы сжать фотографию, откройте ее в фотошопе и выберите команду Файл — Сохранить для Веб. Появится вот такое окно.

оптимизация изображений

Выбираете формат JPEG. Затем начните изменять качество (Quality) изображения. Чем ниже качество, тем меньше вес изображения (указан в нижнем левом углу, под фотографией). Нужно найти оптимальное соотношение. Подобрав подходящий размер и качество, сохраните изображение (Save).

В редакторе Paint.net, выбрав сохранить как можно уменьшить глубину цвета (для файлов PNG)  или качество (для JPEG) и таким образом, уменьшить размер изображения.

paint.net

В каком формате лучше сохранять изображение? Самое простое решение — посмотреть, в каком формате файл будет меньше по размеру, но при этом достаточно хорошего качества.

Общие рекомендации такие:

GIF  стоит использовать для маленьких  изображений ( меньше 10 x 10 пикселей) или в палитре которых меньше 3 цветов (однотонных).

Для больших и средних изображений подойдет PNG.

JPEG используйте для полноцветных изображений и фотографий.

2. Онлайн сервисы.

Сжать размер изображения онлайн можно с помощью:

TinyPNG — работает с файлами в формате png и jpg. Нужные файлы (до 20 штук) можно загрузить с компьютера или просто перетащить.

оптимизация
JpegMini — обещает сжать изображение до 80 % без потери качества. Фотографии можно загружать или перетаскивать.

jpegmini
Есть возможность скачать на компьютер приложение. После скачивания выбираете, какой версией, платной или бесплатной хотите пользоваться. Бесплатная версия позволяет сжимать до 20 фото в день. Можно обрабатывать по одному изображению или перетащить на экран приложения всю папку с нужными фото.  Также Вы можете выбрать, сжимать оригинал фотографии или создать на компьютере папку, в которую будут копироваться сжатые файлы.

приложение