Читать книгу Основы графического дизайна. О применении векторной графики в веб-дизайне и рекламе. Теоретические лекции - Группа авторов - Страница 17

У читателей может возникнуть вполне логичный вопрос: какой же формат является наиболее прогрессивным в плане оптимального веса, хранения и воспроизведения графики для веб-ресурсов в качестве как с потерями, так и без потерь?

На первый взгляд, возможно это векторный формат SVG, но как мы выяснили, он мало пригоден для сложных иллюстративных изображений с градиентами и поддержкой прозрачности наложенных слоев. Поэтому правильный ответ – это формат WebP (*.webp).

Это специфический графический формат сжатия изображений для веб-ресурсов как с потерями, так и без потерь, внедренный в широкое использование компанией Google в 2010 г. В его основе прогрессивный алгоритм сжатия статических изображений, первоначально использованный в видеокодеке VP8.

Тесты показали, что формат WebP дает до 98% экономии в результате оптимизации для полноцветной композиции графического файла с цифровой камеры фотоаппарата или смартфона. Это гарантирует максимум оптимизации с минимальными потерями среди прочих аналогичных форматов.

Работа с форматом WebP подразумевает использование программ или веб-сервисов по оптимизации графики, где в параллельном визуальном сопоставлении изображений – исходного («До» слева) и оптимизированного изображения («После» справа), для ручного регулирования уровней детализации и сжатия после оптимизации исходной графики.

Этот формат технически является растровым, но с прогрессивным алгоритмом сжатия в собственном исходном коде, чтобы воспроизвести в результате графику и быстрее, и качественнее без особых визуальных потерь при загрузке в веб-браузере.

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

Так с основными прогрессивными форматами для веб-разработки мы ознакомились – это форматы SVG, PNG и WebP.