Под катом речь пойдёт о полезном инструменте, созданным специально для веб-разработчиков, хотя он может быть с лёгкостью использован и в повседневной интернет-жизни обычных пользователей.
Известный факт, что качественное фото помимо разрешения имеет и большой «вес». Команда Voormedia решила найти «золотую» середину и представила массовому пользователю веб-сервис TinyPNG. Этот сервис использует смарт-методы сжатия для уменьшения размера файла путём выборочного уменьшения количества цветов в изображении, что затребует меньше памяти для хранения данных. Эффект почти невидим, однако заметна большая разница в размере файла!
PNG-формат изображений полезен тем, что это единственный широко используемый формат, поддерживающий частичную прозрачность изображения . Сам по себе формат уже использует сжатие, но файлы всё ещё остаются «тяжёлыми». Используя TinyPNG, Вы сжимаете изображения для Ваших приложений и сайтов — используя меньшую ширину канала, изображение загружается быстрее.
Ниже представлены две фотографии: левое изображение было сохранено как 24-битный PNG непосредственно из Adobe Photoshop, справа находится тот же файл, обработанный TinyPNG. Заметите разницу?
 |  |
| Оригинал прозрачный PNG Размер файла: 57 KB | Сжатый прозрачный PNG Размер файла: 15 KB |
На изображении выше размер файла уменьшился более чем на 70%. У меня, на самом деле, отличное зрение, но я так и не может определить какую-либо разницу! Используйте сжатый файл, чтобы сохранить пропускную способность (время загрузки) и посетители Вашего сайта будут Вам благодарны.
Справедливо заметят многие опытные пользователи, что существует и JPG-формат, поддерживающий сжатие. JPEG является самым популярным форматом для фотографий на сайтах и в приложениях. Многие файлы JPEG не используют оптимальную компрессию, тратя при этом драгоценное байты. Балансировка между качеством и малым размером файла — обычно бывает трудоёмкой задачей, которая может встретиться человеку. Теперь нет! TinyJPG побеспокоится об этом.
Когда Вы загружаете JPEG-файл в веб-сервис, изображение анализируется: текстуры, узоры и цвета определяются автоматически. Кодировщик создаёт оптимально сжатый файл в формате JPEG на основе этой информации. Окончательный результат дорабатывается по сравнению с оригиналом — отвлекающие артефакты JPEG сводятся к минимуму. Вы получите оптимальное изображение!
Команда Voormedia позаботилась и о разработчиках. К их услугам есть Developer API, Photoshop Plugin и плагин для CMS WordPress.
Комментарии