Оптимизатор изображений для телефона: лёгкие картинки

Экраны телефонов малы в сантиметрах, но плотны в пикселях. Большинство телефонов сообщают ширину области просмотра около от 360 до 430 CSS-пикселей при плотности 2 или 3, то есть изображение на всю ширину рисуется примерно от 720 до 1290 физическими пикселями. Фото с камеры шириной 4000 пикселей несёт в разы больше данных, чем может показать экран, а на лимитированном или слабом соединении каждый лишний килобайт стоит времени и денег.

Мобильный оптимизатор настроен именно на этот случай. Изображения вписываются в вертикальную рамку 1080 × 1920 пикселей (типичное Full HD-разрешение телефона) без увеличения и сжимаются с качеством 72. На экране телефона такая настройка выглядит чисто и даёт файлы значительно легче, чем экспорт для десктопа. Страница работает в мобильных браузерах, так что фото можно оптимизировать прямо из галереи телефона.

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

1. Перетащите изображения в область загрузки, нажмите на неё, чтобы выбрать файлы, или вставьте картинку через Ctrl+V. Страница принимает файлы JPG, PNG, WebP, GIF и BMP, сразу несколько и до 80 МБ каждый.
2. Оставьте Max 1080 × 1920 для полноэкранных изображений. Горизонтальные фото получат ширину 1080 пикселей; для карточек и списков уменьшите ширину до 720 или 540 пикселей.
3. При жёстком бюджете переключитесь на Target size и выберите 100 или 200 КБ, либо выберите WebP в Format для дополнительного уменьшения в современных браузерах Android и iOS.
4. Проверьте результат ползунком «до/после»: перетащите разделитель по превью и посмотрите ниже новые размеры, вес файла, качество и процент экономии. Любое изменение настроек автоматически заново обрабатывает все изображения.
5. Скачайте одно изображение или нажмите Download all (ZIP), чтобы получить весь пакет. В More options можно также задать DPI и шаблон имени файла с {name}, {w} и {h}.

Где окупаются изображения мобильного размера

• Мобильные сайты и PWA. Отдавайте телефонам версию в 1080 пикселей, а крупные файлы оставьте для десктопа; высокую плотность на десктопе покрывает Retina-оптимизатор.
• Ресурсы приложений и контент внутри них. Более лёгкие изображения уменьшают размер загрузки и потребление памяти, а экраны быстрее отрисовываются на старых устройствах.
• Мессенджеры и обмен. Отправка фото на 300 КБ вместо 5 МБ экономит трафик и вам, и получателю.
• Жёсткие лимиты размера. Для форм с ограничением загрузки сжатие до 100 КБ бьёт точно в лимит, а оптимизатор WebP конвертирует за тот же шаг.

Полезная проверка: смотрите ползунок «до/после» на телефоне, а не на мониторе. То, что слегка мягко выглядит в полном размере на большом экране, на телефоне часто совсем незаметно, поэтому настройка ниже, чем для десктопа, обычно вполне подходит.

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

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