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

Почему это важно

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

Рекомендуемые размеры

• •Картинки в тексте — вдвое шире области показа (для колонки 800 px берите изображение 1600 px)
• •Заглавная картинка — 1200×630 (совпадает со стандартом превью при публикации в соцсетях)
• •Миниатюры в списке товаров — по реальному размеру показа (класть файл 4000 px в ячейку 500 px — пустая трата)

Основной формат — WebP

Современные браузеры поддерживают его все, а весит он на 30–80% меньше JPG, поэтому WebP — базовый выбор для картинок на сайте. Даже логотипы с прозрачным фоном выгоднее держать в WebP, а не в PNG.

Целевой вес файла

Для картинок в тексте ориентируйтесь на 100–200 КБ, для заглавной — не больше 300 КБ. Image Converter NOW сразу после конвертации показывает процент уменьшения, так что вы видите, попали в цель или нет.

Конвертируйте пачкой

Добавьте все картинки одной статьи сразу, обработайте их с одинаковыми настройками и заберите архивом ZIP — это здорово экономит время на рутине. Заодно во время конвертации автоматически удаляются метаданные вроде места съёмки.