Tiny: сжатие изображений

Под катом речь пойдёт о полезном инструменте, созданным специально для веб-разработчиков, хотя он может быть с лёгкостью использован и в повседневной интернет-жизни обычных пользователей.

Известный факт, что качественное фото помимо разрешения имеет и большой «вес». Команда Voormedia решила найти «золотую» середину и представила массовому пользователю веб-сервис TinyPNG. Этот сервис использует смарт-методы сжатия для уменьшения размера файла путём выборочного уменьшения количества цветов в изображении, что затребует меньше памяти для хранения данных. Эффект почти невидим, однако заметна большая разница в размере файла!

PNG-формат изображений полезен тем, что это единственный широко используемый формат, поддерживающий частичную прозрачность изображения . Сам по себе формат уже использует сжатие, но файлы всё ещё остаются «тяжёлыми». Используя TinyPNG, Вы сжимаете изображения для Ваших приложений и сайтов — используя меньшую ширину канала, изображение загружается быстрее.

Ниже представлены две фотографии: левое изображение было сохранено как 24-битный PNG непосредственно из Adobe Photoshop, справа находится тот же файл, обработанный TinyPNG. Заметите разницу?

Оригинал прозрачный PNG
Размер файла: 57 KB
Сжатый прозрачный PNG
Размер файла: 15 KB

На изображении выше размер файла уменьшился более чем на 70%. У меня, на самом деле, отличное зрение, но я так и не может определить какую-либо разницу! Используйте сжатый файл, чтобы сохранить пропускную способность (время загрузки) и посетители Вашего сайта будут Вам благодарны.


Справедливо заметят многие опытные пользователи, что существует и JPG-формат, поддерживающий сжатие. JPEG является самым популярным форматом для фотографий на сайтах и в приложениях. Многие файлы JPEG не используют оптимальную компрессию, тратя при этом драгоценное байты. Балансировка между качеством и малым размером файла — обычно бывает трудоёмкой задачей, которая может встретиться человеку. Теперь нет! TinyJPG побеспокоится об этом.

Когда Вы загружаете JPEG-файл в веб-сервис, изображение анализируется: текстуры, узоры и цвета определяются автоматически. Кодировщик создает оптимально сжатый файл в формате JPEG на основе этой информации. Окончательный результат дорабатывается по сравнению с оригиналом — отвлекающие артефакты JPEG сводятся к минимуму. Вы получите оптимальное изображение!

Оригинал. Размер файла: 641 KB
TinyJPG. Размер файла: 162 KB

Команда Voormedia позаботилась и о разработчиках. К их услугам есть Developer API, Photoshop Plugin и плагин для CMS WordPress.

Compress JPEG & PNG images
Compress JPEG & PNG images
Разработчик: TinyPNG
Цена: Бесплатно

@iluhin

Основатель, автор и администратор данного блога. Хочу, чтобы как можно больше пользы принёс любой из постов, который повстречается случайному гостю или постоянному пользователю блога. Читать тебя будут с удовольствием, обсуждая тобой предложенную тему - присоединяйся!

Читайте также: