Для блога подойдут три типа программ: онлайн-компрессоры, которые работают прямо в браузере, графические редакторы с экспортом для веба и пакетные утилиты, обрабатывающие много файлов разом. Выбор зависит от объёма публикаций. Одной картинке хватит браузера, а регулярному блогу удобнее программа, которая за один проход уменьшает размер, меняет формат и удаляет лишние метаданные. Название программы при этом важно меньше, чем её настройки.
Как устроено сжатие и что влияет на вес файла
Любой компрессор решает одну задачу: уменьшить вес файла так, чтобы читатель не заметил разницы. Способов два. Сжатие без потерь перепаковывает данные плотнее и убирает служебную информацию, а картинка совпадает с исходной до пикселя. Сжатие с потерями отбрасывает детали, которые глаз почти не различает, и экономит заметно больше места.
Очень многое решает формат файла. JPEG подходит для фотографий, PNG нужен для скриншотов, схем и картинок с прозрачностью. WebP и AVIF справляются с обеими задачами, а файлы получаются легче при сопоставимом качестве, и современные браузеры их поддерживают. SVG оставьте для логотипов и иконок: это векторный формат, он не теряет чёткость при масштабировании.
Третий рычаг, о котором новички часто забывают, касается разрешения. Снимок с телефона шириной в несколько тысяч пикселей бессмысленно ставить в текстовую колонку шириной около восьмисот. Если уменьшить размеры, вес сократится сильнее, чем от любой настройки качества.
Почти каждая программа даёт ползунок качества и показывает итоговый вес файла. Двигать его удобнее, глядя на участки с мелкими деталями и плавными переходами: на небе, коже и тексте на снимке артефакты заметны раньше всего. Для фотографий в блоге пригодится и прогрессивный JPEG: он загружается слоями, сначала размытым, потом чётким, и читатель раньше видит, что изображено на картинке.
Зачем всё это нужно блогу? Изображения обычно весят больше всего остального на странице. Пока они грузятся, читатель видит пустые прямоугольники, и часть аудитории закрывает вкладку, не дождавшись текста. Скорость загрузки страницы считается одним из показателей удобства сайта, поэтому сжатие изображений перед публикацией помогает и читателям, и самому автору. Лёгкие файлы к тому же быстрее уходят в рассылку и в мессенджеры, когда вы делитесь постом.
Почему блогу мало одного плагина для картинок?
Многие блоги работают на готовых движках, где часть работы берут на себя расширения: они уменьшают файлы при загрузке, создают копии нескольких размеров и переводят снимки в современные форматы. Это удобно, но плагин работает с тем, что ему дали, и не исправит фотографию шириной в несколько тысяч пикселей, загруженную ради узкой колонки текста. Обработка на сервере к тому же тратит ресурсы хостинга, и на скромном тарифе загрузка большой серии снимков может заметно затянуться.
Какие задачи с картинками движок блога решает сам, а какие отдаёт расширениям, объясняет источник публикации: конвертер в формат файла WebP там значится среди немногих действительно нужных плагинов, рядом с кэшированием. Там же отмечено, что отложенная загрузка изображений уже встроена в сам движок и отдельного модуля под неё обычно не требуется. Получается, что расширение закрывает рутину на стороне сайта, а решения о кадре, размере и качестве остаются за автором.
Ручная подготовка файла от этого не теряет смысла. Картинка, сжатая заранее, загружается на сервер быстрее, занимает меньше места, а резервные копии блога становятся легче. К тому же расширение может сломаться после обновления, а файлы, подготовленные заранее, останутся лёгкими в любом случае.
Ещё несколько вопросов о сжатии картинок
Ниже короткие ответы на вопросы, которые чаще всего возникают у авторов при выборе программы:
- Что выбрать для редких постов? Онлайн-компрессор: ничего не нужно устанавливать, результат видно до и после. Для личных фотографий он подходит хуже, потому что файл уходит на чужой сервер.
- Чем обработать фотоотчёт на десятки снимков? Пакетным обработчиком. Он применяет одни настройки к целой папке: уменьшает ширину, меняет формат, переименовывает файлы по шаблону.
- Нужен ли графический редактор? Если вы обрезаете кадр и правите цвет, да. Окно экспорта для веба позволяет выбрать качество и сразу увидеть, как изменится картинка и её вес.
- Можно ли автоматизировать подготовку? Консольные утилиты встраиваются в скрипты и запускаются перед каждой публикацией. Это вариант для тех, кто собирает блог генератором или любит командную строку.
- Сколько раз можно пересохранять JPEG? Лучше один. Артефакты накапливаются с каждым циклом, поэтому оригинал храните отдельно, а сжимайте копию.
- Нужно ли удалять метаданные? Да, особенно геолокацию в EXIF. Она раскрывает место съёмки, а читателю блога ничего не даёт.
- Как проверить результат? Откройте сжатую копию рядом с оригиналом в полном масштабе и сравните мелкие детали. Если разница видна только при сильном увеличении, настройки подобраны верно.
- Какое имя дать файлу? Понятное, латиницей, через дефис. Заодно заполните альтернативный текст при загрузке: он поможет и незрячим читателям, и поиску по картинкам.
Порядок подготовки почти не зависит от программы: обрежьте лишнее, уменьшите ширину до реальной ширины колонки с небольшим запасом для экранов высокой плотности, выберите формат, подберите степень сжатия, сравнивая результат с оригиналом в полном масштабе. Удобно один раз записать удачные настройки и дальше применять их ко всем снимкам блога.
Сжатие как часть публикации
Подготовка картинки занимает минуту на файл, а после настройки пакетной обработки и того меньше. Подходящая программа зависит от ритма блога: браузер для редких постов, редактор для тех, кто правит снимки, пакетная утилита для больших серий. Формат, разрешение и степень сжатия решают больше, чем название инструмента, а движок блога потом лишь закрепляет сделанное автором. Когда сжатие входит в привычку, лёгкие страницы получаются сами собой.