Skip to content

Всё для WordPress, веб-разработки — и не только

Пакетная подготовка изображений (resize → WebP → ZIP)

Пакетная подготовка изображений для WordPress

Перетащите хоть сотню фотографий — инструмент уменьшит их до нужного размера, конвертирует в WebP и переименует кириллические названия латиницей. Файлы не покидают ваш компьютер: вся обработка выполняется в браузере.

0 или пусто — не ограничивать. 1600 px хватает для картинки во всю ширину статьи на экране 2x.
Изображение вписывается в прямоугольник с сохранением пропорций. Меньшие по размеру не увеличиваются.
WebP понимают все браузеры с 2020 года, а WordPress принимает его с версии 5.8 без плагинов. AVIF появится в списке, только если ваш браузер умеет его кодировать.
Шкалы кодеков не совпадают: 0,82 в WebP примерно равно 0,90 в JPEG. Для PNG значение игнорируется — это формат без потерь.
Подготовка к загрузке в WordPress

Пока ничего не обработано. Бросьте изображения в зону выше — всё остальное посчитается во вкладке, без единого запроса в сеть.


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

Изображения не покидают ваш браузер: декодирование, масштабирование, перекодирование и даже сборка ZIP происходят во вкладке. Откройте DevTools → Network и убедитесь — ни одного запроса.

Почему изображения нужно готовить до загрузки, а не после

Плагины оптимизации работают уже после того, как файл попал на сервер. До этого момента он занимает место в резервных копиях, а WordPress успевает нарезать из него полдесятка промежуточных размеров — и каждый из них тоже надо где-то хранить. Фотография с телефона на 4 МБ превращается в 5–8 файлов. Вторая причина — контроль. Вы видите результат до загрузки и можете подобрать качество глазами, а не доверять пресету плагина. Третья — имена файлов. Кириллическое имя превращается в длинную percent-encoded строку, которая ломается при копировании ссылки и выглядит нечитабельно в медиатеке. И четвёртая, о которой редко думают: метаданные. Фотография с телефона содержит EXIF с точными GPS-координатами места съёмки. Публикуя её как есть, вы публикуете и координаты. При перерисовке через canvas метаданные не переносятся — то есть очистка происходит автоматически. Что до ширины: большинство тем показывает изображения в контейнере до 1200 пикселей. Заливать фото на 4000 пикселей нет смысла — браузер всё равно масштабирует его вниз, потратив трафик пользователя.

Частые вопросы