Оптимизатор миниатюр: лёгкие и быстрые превью

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

Оптимизатор миниатюр вписывает каждое изображение в рамку 400 × 400 пикселей с сохранением пропорций и без увеличения маленьких изображений и сжимает его с качеством 70. В размере миниатюры такое качество выглядит чисто, а типичное фото весит несколько десятков килобайт. 400 пикселей также покрывают место показа шириной 200 пикселей на экранах высокой плотности.

Как пользоваться: Оптимизатор миниатюр

1. Перетащите изображения в область загрузки, нажмите на неё, чтобы выбрать файлы, или вставьте картинку через Ctrl+V. Страница принимает файлы JPG, PNG, WebP, GIF и BMP, сразу несколько и до 80 МБ каждый.
2. По умолчанию изображения сохраняют форму внутри 400 × 400. Для одинаковых квадратных плиток переключите Resize на Exact, оставьте 400 × 400 (или введите 300 или 150), выберите Crop to fill и укажите, какую часть сохранить: центр, верх, низ, лево или право.
3. При желании переименуйте файлы в More options по шаблону вроде {name}-thumb или {name}-{w}x{h}, чтобы миниатюры легко отличались от оригиналов.
4. Проверьте результат ползунком «до/после»: перетащите разделитель по превью и посмотрите ниже новые размеры, вес файла, качество и процент экономии. Любое изменение настроек автоматически заново обрабатывает все изображения.
5. Скачайте одно изображение или нажмите Download all (ZIP), чтобы получить весь пакет. В More options можно также задать DPI и шаблон имени файла с {name}, {w} и {h}.

Советы по миниатюрам

• Размер места, умноженный на два. Если плитка показывается шириной 200 пикселей, миниатюра в 400 пикселей остаётся чёткой на Retina и экранах высокой плотности без лишних байтов.
• Сохраняйте объект. Для портретов и товаров обрезка с Keep: Top или Center обычно кадрирует лучше, чем обрезка вслепую.
• Бюджет всей страницы. Сорок восемь миниатюр по 30 КБ: около 1,4 МБ; по 300 КБ они превысили бы 14 МБ. Target size помогает удержать каждый файл в пределах лимита.
• Фиксированные размеры. Точные квадраты есть и на страницах 150×150 и 300×300; для оформленных миниатюр с текстом, например обложек видео, используйте конструктор миниатюр.

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

Приватно, бесплатно и быстро

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