Сжатие изображений - сжать и конвертировать в WebP, AVIF, JPG, PNG

Зачем сжимать изображения?

Изображения обычно самая тяжёлая часть веб-страницы. Фото с телефона часто весит 3-8 МБ и имеет ширину 4000 пикселей, а странице блога или товара редко нужно больше 1920 пикселей и 200 КБ. Лёгкие изображения быстрее загружаются, улучшают Core Web Vitals вроде Largest Contentful Paint, экономят мобильный трафик и лучше ранжируются. Современные форматы очень помогают: WebP обычно на 25-35% меньше JPEG при том же визуальном качестве, а AVIF бывает ещё меньше.

Возможности

• Сжатие сразу многих изображений JPG, PNG, WebP и AVIF
• Конвертация в WebP, AVIF (если браузер умеет), JPEG или PNG
• Ползунок качества и необязательная максимальная ширина или высота
• Размер до и после с процентом экономии
• Фото с телефона сохраняют ориентацию; прозрачность в JPEG заливается белым

100% в браузере

Изображения декодируются и перекодируются через canvas API на вашем устройстве. Ничего не загружается, личные фото остаются личными, а большие пакеты обрабатываются быстро.

Без загрузки, без лимитов, без водяных знаков.

Как пользоваться: Сжатие изображений

1
Перетащите одно или несколько изображений в область или нажмите на неё, чтобы выбрать файлы. Поддерживаются JPG, PNG, WebP, GIF, BMP и AVIF.
2
Выберите выходной формат: WebP для лучшего размера в вебе, AVIF для ещё меньших файлов в Chrome и Edge, JPEG для максимальной совместимости, PNG для графики без потерь.
3
Задайте качество (75-85 оптимально для фото) и при необходимости максимальную ширину или высоту. Изменения сразу применяются ко всем изображениям.
4
Сравните исходный и новый размер и скачайте каждое изображение. Имя файла сохраняется, меняется только расширение.

Практические примеры

Быстрые блоги и карточки товаров

Переведите обложки и фото товаров в WebP с качеством 80 и шириной до 1920: фото с телефона на 4 МБ обычно становится меньше 300 КБ без заметной разницы.

Вложения и формы

Многие формы и почтовые сервисы ограничивают загрузку 1-2 МБ. Уменьшите до 1280 px и сохраните в JPEG, чтобы уложиться в лимит и сохранить читаемость.

Скриншоты и интерфейсы

Скриншоты с текстом хорошо сжимаются в WebP или PNG. Оставьте PNG, если нужны чёткие пиксельные края, и используйте WebP, чтобы уменьшить размер вдвое.

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

Перед загрузкой в WordPress, Shopify или headless CMS уменьшите целую папку до одной максимальной ширины, чтобы сервер не хранил огромные оригиналы.

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

Какой формат выбрать?+

WebP надёжный выбор для сайтов: его поддерживают все современные браузеры, и он заметно меньше JPEG. AVIF ещё меньше, но кодируется медленнее и сохраняется не во всех браузерах. Для логотипов и графики без потерь используйте PNG.

Какое качество лучше?+

Для фото 75-85 обычно неотличимо от оригинала. Для миниатюр можно ниже, для фотопортфолио выше. PNG игнорирует настройку качества.

Почему сжатый файл стал больше?+

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

Мои изображения загружаются на сервер?+

Нет. Декодирование, изменение размера и кодирование выполняются в браузере через canvas API. После загрузки страницы можно даже отключить интернет.