Минификация картинок без потери качества

Изображения в формате JPEG, PNG, GIF, SVG имеют потенциал для оптимизации размера без потери качества. Это происходит из-за того, что графические редакторы и фотоаппараты не заботятся о сокращении размера файлов. Также они добавляют справочную информацию (метаданные), которые увеличивают размер файла, но не используются браузерами пользователей.

Пользуйтесь следующими программами для оптимизации изображений:

jpegoptim с параметрами jpegoptim --strip-all --all-progressive [путь до файла] для JPEG.
pngquant с параметрами pngquant --force 256 [путь до файла] и optipng с параметрами optipng -i0 -o2 --strip all [путь до файла] для PNG. Для достижения максимального результата используйте обе программе именно в такой последовательности.
gifsicle с параметрами gifsicle -b -O3 [путь до файла] для GIF.
svgo для SVG.

Также есть бесплатные онлайн-сервисы для оптимизации изображений. Визуальный сервис для тонкой оптимизации SVG.

Используя эти программы, вы можете настроить автоматическую оптимизацию всех изображений вашего сайта раз в сутки. Код скрипта представлен ниже:

Демонстрация

Bash скрипт

Открыть демонстрацию Скачать код примера

#!/bin/bash

# Сначала установите программы optipng, pngquant, jpegoptim, gifsicle, svgo.
# Для убунту это делается с помощью команды:
# apt install -y optipng pngquant jpegoptim gifsicle; npm install -g svgo

# Замените ./ на путь до нужной директории
find ./ -type f -iname "*.png" -exec optipng --strip all {} \;
find ./ -type f -iname "*.png" -exec pngquant --ext .png --force 256 {} \;
find ./ -type f -iname "*.jpg" -exec jpegoptim --strip-all --all-progressive {} \;
find ./ -type f -iname "*.jpeg" -exec jpegoptim --strip-all --all-progressive {} \;
find ./ -type f -iname "*.gif" -exec gifsicle -b -O3 --no-warnings {} \;
find ./ -type f -iname "*.svg" -exec svgo {} \;

ПРО подписка для работы с сервисом

Подробнее о тарифах