Файлы изображений часто намного больше, чем нужно: фото с телефона на 8 МБ прекрасно выглядит и при 400 КБ. Умение сжимать изображение без потери качества (или с минимальной потерей) необходимо для сайтов, вложений в письма и работы с документами. В этом руководстве объясняется, как сделать это бесплатно прямо в браузере.
Почему изображения больше, чем нужно
Большинство изображений слишком велики для своих задач по таким причинам:
- Камеры телефонов снимают в максимальном разрешении: современный смартфон делает снимки в 12–50 мегапикселей. Для миниатюры на сайте или вложения в письмо нужно, пожалуй, 1–2 мегапикселя.
- Неоптимизированный экспорт из программ для дизайна: Photoshop, Canva и подобные инструменты по умолчанию экспортируют в высоком качестве.
- Неподходящий формат: использование PNG для фотографии, когда JPG был бы в 3–5 раз меньше при том же визуальном качестве.
- Сжатие не применялось: необработанные данные изображения хранятся без какого-либо алгоритма уменьшения.
Понимание того, какой из случаев ваш, подскажет правильное решение.
Как сжать изображение онлайн — шаг за шагом
Инструмент Сжать фото использует browser-image-compression, чтобы уменьшать размер файлов изображений прямо в браузере, не загружая ни один файл на сервер.
Шаг 1 — Загрузите изображение
Откройте want2convert.com/compress-image и перетащите файл изображения в область загрузки. Поддерживаются форматы JPG, PNG и WebP. Поддерживаются файлы до 50 МБ. GIF и SVG не поддерживаются.
Шаг 2 — Выберите уровень качества
Перетащите ползунок качества (10–95%; по умолчанию 75%) на нужное значение:
- 90–95% — практически сжатие без потерь. Размер файла уменьшается на 10–30%. Подходит для печати и случаев, где нужна высокая точность.
- 70–85% — оптимальный вариант для большинства задач. Размер файла уменьшается на 40–70% при минимальной заметной потере качества.
- 50–65% — при близком рассмотрении заметны артефакты сжатия. Размер файла уменьшается на 60–80%. Приемлемо для миниатюр и использования в вебе, где малый размер важнее совершенства.
- Ниже 50% — значительное ухудшение качества. Годится только для совсем маленьких превью.
Шаг 3 — Задайте максимальную ширину (необязательно)
Если вы хотите также изменить размер изображения (уменьшить его размеры в пикселях), введите максимальную ширину в пикселях. Например:
- 1920px — стандартная HD-ширина, подходит для шапок сайтов
- 1200px — подходит для изображений в записях блога
- 800px — подходит для изображений в письмах или миниатюр для соцсетей
Изображения, которые уже уже этого значения, остаются в прежнем размере. Если оставить поле пустым, размеры в пикселях не изменятся, а уменьшится только размер файла.
Шаг 4 — Скачайте сжатое изображение
Нажмите Сжать фото, чтобы увидеть сравнение «до» и «после». Инструмент показывает размер исходного и сжатого файлов, чтобы вы видели уменьшение до скачивания. Нажмите Скачать, чтобы сохранить.
Качество и размер файла: как найти баланс
Зависимость между настройкой качества и размером файла нелинейна: сжатие наиболее сильное в среднем диапазоне:
| Качество | Типичное уменьшение размера | Визуальный результат | |---------|----------------------|---------------| | 95% | 10–20% | Практически неотличимо от оригинала | | 85% | 30–50% | Большинство людей не видят разницы | | 75% | 50–70% | Едва заметные артефакты JPEG в областях с мелкими деталями | | 60% | 65–80% | Заметные артефакты на плавных градиентах | | 40% | 75–85% | Явное ухудшение |
Для изображений на сайтах и в письмах стандартный профессиональный выбор — качество 75–85%. Именно это значение по умолчанию используют большинство инструментов оптимизации изображений.
Какой формат выбрать: JPG, PNG или WebP?
Правильный выбор формата перед сжатием может дать больше, чем любой ползунок качества:
JPG / JPEG — лучший для фотографий, сканов и любых изображений со сложными цветами и градиентами. Использует сжатие с потерями, незаметное при качестве 80 и выше. Фотография в PNG на 5 МБ превращается в JPG на 400 КБ при качестве 85%.
PNG — лучший для скриншотов, схем, логотипов и изображений с плоскими цветами, текстом и прозрачностью. Использует сжатие без потерь. PNG-файлы сложных фотографий намного больше их JPG-эквивалентов.
WebP — современный формат от Google. Поддерживает сжатие как с потерями, так и без и стабильно даёт файлы на 25–35% меньше, чем JPG, при том же качестве. Поддерживается всеми современными браузерами. Используйте WebP для изображений в вебе.
Если у вас фотография в PNG и нужен самый маленький файл, подумайте о том, чтобы сначала преобразовать её в JPG или WebP с помощью инструментов PNG в JPG или Изображение в WebP, а затем сжать. Учтите, что PNG — формат без потерь, поэтому прямое сжатие PNG обычно экономит намного меньше, чем цифры ниже, которые относятся в основном к JPG и WebP.
Сжатие изображений для разных задач
Изображения для сайтов: ориентируйтесь на 100–200 КБ на изображение для главных картинок и баннеров и 30–80 КБ для миниатюр. Используйте WebP, если вы управляете сервером, а JPG — как запасной вариант.
Вложения в письма: в большинстве почтовых клиентов общий лимит вложений — 10–25 МБ. Ориентируйтесь на 100–500 КБ на изображение. Стандарт — качество JPG 75–80%.
Соцсети: платформы всё равно пересжимают изображения, поэтому не сжимайте слишком сильно перед загрузкой. Стандарт — качество 80–90% при рекомендуемых платформой размерах.
Документы (Word, PDF): изображения, встроенные в документы, должны иметь 150 DPI для документов только для экрана и 300 DPI для печати. Сжимайте их, чтобы уменьшить общий размер документа.
Что значат «без потерь» и «с потерями»
Сжатие с потерями (JPG, WebP с потерями): безвозвратно отбрасывает часть информации об изображении, чтобы получить файл меньшего размера. После сжатия отброшенные данные исчезают. Чем ниже качество, тем больше данных отбрасывается.
Сжатие без потерь (PNG, WebP без потерь): эффективнее упорядочивает данные изображения, ничего не отбрасывая. Файлы меньше несжатых, но больше, чем при сжатии с потерями при том же визуальном качестве. Оригинал можно восстановить идеально.
Когда говорят «сжать без потери качества», обычно имеют в виду: использовать максимальное сжатие с потерями, которое не создаёт видимых артефактов, — как правило, качество 80–85% для JPG. По-настоящему сжатие без потерь возможно с PNG и WebP без потерь, но даёт гораздо меньшее уменьшение.
Похожие инструменты
- Сжать фото — уменьшайте размер файлов JPG, PNG, WebP в браузере
- Изменить размер изображения — уменьшайте размеры в пикселях, чтобы ещё сильнее сократить файл
- Изображение в WebP — преобразуйте в WebP, чтобы файлы были на 25–35% меньше, чем в JPG
- JPG в PNG — смените формат, когда нужно качество без потерь
Попробуйте бесплатно — регистрация не нужна
Большинство инструментов работает в вашем браузере, поэтому файлы остаются на вашем устройстве. Некоторые загружают файл на наш сервер и затем удаляют его.