Привести фото к размеру, с которым страница остаётся быстрой
Файл с камеры часто имеет ширину 5000 пикселей. Колонка текста занимает 720 пикселей. Даже если потом сжать файл, отдача исходника камеры тратит трафик впустую. Здесь ширине задаётся предел, затем файл экспортируется.
- Быстро
- На 100% приватно
- Всегда бесплатно
- Любой браузер
Перетащите изображения в любое место страницы
JPG, PNG, WebP, GIF, SVG, HEIC или AVIF. Фото остаются на этом устройстве.
Когда это нужно
Когда размер в пикселях слишком велик для вёрстки, меняйте размер. Когда кадр уже верный, а велик только объём, используйте сжатие.
Для статьи в блоге и карточки товара ширина 1200 px служит надёжной отправной точкой. Если та же картинка на экране 2× показывается как 1200 пикселей CSS, поставьте 2400.
Для кадрирования Instagram и сторис откройте страницу соцсетей. Она заполняет фиксированный кадр. Максимальная ширина здесь оставляет фото целиком.
Если ещё нужно оформить JSON или проверить содержимое, не вставляя токен на публичный сайт, откройте ToolBuddy. Он тоже остаётся в браузере.
Как сделать
- Перетащите слишком большие фото.
- Поставьте максимальную ширину 1200 или 1600. Поле процента оставьте пустым, если масштаб в процентах не нужен.
- Для фото в тексте хватает JPG или WebP с качеством около 0,85.
- Положите результат в CMS. Исходник на 12 МБ в ту же ячейку на всякий случай лишний.
Подсказки
- Знак в 400 px, растянутый до 1200, станет мутным.
- Одинаковая ширина у группы картинок выглядит ровнее.
- Если после смены размера объём всё ещё велик, сожмите файл или переведите его в WebP.