Перетащите изображения сюда
Сжатие изображений
Уменьшите фотографию или снимок экрана, никуда его не загружая. Сжатие выполняется внутри вашего браузера, файл никогда не покидает устройство.
Насколько меньше станет ваше изображение?
Выигрыш зависит больше от содержимого снимка, чем от выбранного инструмента. Вот чего стоит ожидать при качестве по умолчанию 60.
| Тип изображения | Обычная экономия | Почему |
|---|---|---|
| Фото с телефона (JPG) | 60 до 80% | Мелкие детали и шум матрицы, которые глаз не отслеживает |
| Снимок экрана (PNG) | 50 до 70% | Большие однотонные области |
| Логотип или значок (PNG) | 20 до 40% | Уже маленький, а резкие края нужно сохранить |
| Скан страницы (JPG) | 70 до 90% | Почти сплошное белое поле |
| То же фото в WebP | 70 до 80% | Обгоняет JPG при том же качестве и сохраняет прозрачность |
Изображение, сжатое один раз, во второй раз даст намного меньше экономии. Повторное сохранение JPG всегда стоит немного качества, поэтому сохраняйте оригинал.
Какое качество выбрать?
Качество задается от 1 до 100 и начинается с 60. Это самый важный регулятор.
| Значение | Лучше всего для |
|---|---|
| 90 до 100 | Изображения для печати или дальнейшего редактирования. Почти без потерь, но файл остается большим. |
| 70 до 85 | Фотографии для сайта или портфолио. На экране трудно отличить от оригинала. |
| 50 до 70 | Вложения в письма, загрузки с ограничением размера, мессенджеры. Значение по умолчанию находится здесь. |
| Ниже 40 | Только когда жесткое ограничение размера не оставляет выбора. На краях и градиентах появляются блоки. |
Изображения PNG и WebP с прозрачностью сохраняют прозрачность, а сжатие никогда не меняет формат вашего файла.
WebP и когда он оправдан
WebP это формат изображений, выпущенный Google в 2010 году на замену и JPG, и PNG. Он умеет сжатие с потерями как JPG, сжатие без потерь и прозрачность как PNG, а также анимацию как GIF, и всё это в одном формате. Все современные браузеры его показывают.
Почему файлы получаются меньше
- Он предсказывает каждый блок пикселей по уже декодированным соседним блокам и хранит только разницу, поэтому плавные области почти ничего не занимают.
- Он сохраняет альфа-канал, не переходя к куда более тяжёлому кодированию PNG.
- По замерам в этом инструменте фотография при качестве 75 вышла примерно на 74% меньше того же изображения в JPG, а снимок экрана примерно на 79%.
Где WebP уместен
| Сценарий | Чем помогает |
|---|---|
| Изображения на сайте | Более лёгкие страницы грузятся быстрее, и это изменение с наибольшим шансом улучшить Core Web Vitals. |
| Фото товаров и галереи | Десятки изображений на одной странице, поэтому экономия складывается по всей галерее. |
| Логотипы и значки с прозрачностью | Сохраняет альфа-канал, который потребовал бы PNG, при доле его размера. |
| Снимки экрана в документации | Большие однотонные области это именно то, с чем формат справляется лучше всего. |
Когда лучше оставить JPG или PNG
- Всё, что вы передаёте другому человеку для открытия в старом программном обеспечении. Фотопринтеры, некоторые настольные редакторы и старые телефоны по-прежнему ждут JPG.
- Фотографии, которые вы планируете редактировать много раз. Каждое сохранение с потерями стоит немного качества в любом формате, поэтому храните оригинал.
Сжатие выполняется в вашем браузере, а Safari не умеет записывать файлы WebP ни в одной версии. В Safari файл WebP будет отклонён с сообщением, а не тихо сохранён в неверном формате. Chrome, Edge и Firefox работают.
Сжатие до точного размера файла
Если форма загрузки ограничивает вас числом килобайт, откройте расширенные настройки и используйте Max Size вместо подбора качества наугад. Max Size задается в мегабайтах, поэтому 0.05 означает примерно 50 КБ, а 0.1 примерно 100 КБ. Минимальное значение 0.01, около 10 КБ.
Задайте одновременно Max Width и Max Height, если форма ограничивает и размеры. Фотография шириной 4000 пикселей достигнет небольшого целевого размера гораздо мягче, если вы также уменьшите ее до 1000 пикселей.
Вопросы
Снижает ли сжатие качество изображения?
Да, немного, потому что сжатие здесь с потерями. При настройке по умолчанию большинство людей не видит разницы на экране. Выше 90 потери заметить очень трудно, ниже 40 они становятся очевидными.
Загружаются ли мои фотографии на сервер?
Нет. Сжатие выполняется в вашем браузере на вашем собственном процессоре. Ваши изображения никуда не отправляются, поэтому после загрузки страницы все работает даже без соединения.
Какие форматы можно сжимать?
JPG, PNG и WebP. Для сжатия WebP нужен Chrome, Edge или Firefox, поскольку Safari не умеет записывать файлы WebP. Другие форматы, включая HEIC и GIF, пока пропускаются.
Работает ли это на телефоне?
Да. Выбирайте изображения так же, как при вложении их в сообщение. Большие партии на телефоне идут медленнее, потому что работа выполняется на устройстве.
Чем сжатие отличается от изменения размера?
Сжатие сохраняет то же количество пикселей и записывает их менее точно. Изменение размера убирает пиксели, меняя видимый размер изображения. Max Width и Max Height делают именно второе, и оба подхода работают вместе.
Нужно сжать много изображений?
Основной инструмент принимает неограниченное количество файлов сразу, сохраняет все настройки с этой страницы и возвращает результат одним архивом zip.