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 пікселів немає сенсу — браузер усе одно масштабує його вниз, витративши трафік користувача.

Часті питання