team3 logo

Баттл форматов. Часть 2

Продолжим наблюдать за тем, как форматы изображений шествуют, будто на параде, перед нами.

       4. WebP

WebP — новичок на ринге. Он вышел в люди в 2010 году благодаря компании Google. Задача WebP — ещё больше уменьшить вес при сохранении такого же качества.

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

Чем крут этот парень, WebP:

    • сжимает изображения без потерь лучше, чем PNG (на 26% по данным Google);

    • сжимает изображения с потерями лучше, чем JPEG (на 25–34% по данным Google);

    • поддерживает прозрачность (альфа-канал).

Методы WebP настолько в новинку, что не все браузеры соглашаются с ним работать. На сегодняшний день WebP поддерживается только Chrome, Opera и Firefox.

Переходим к векторным форматам.  GIF, JPEG, PNG, и WebP — растровые форматы, основанные на дискретном (пиксельном, точечном) представлении изображения, в то время как векторные форматы основаны на математических формулах (геометрическом представлении фигур).

    5. SVG (Scalable Vector Graphics)

Размер объектов SVG намного меньше размера растровых изображений, а сами изображения не теряют в качестве при масштабировании. Парни растровых форматов обладают негибким характером, а вот с изображениями в формате SVG можно договориться. При помощи CSS можно изменять параметры графики: цвет, прозрачность или границы, а при помощи JavaScript — анимировать изображение.

Можете поработать с SVG, если

    • нужно анимировать части изображения;

    • изменить цвет элементов изображения;

    • необходимо масштабировать изображение без потерь.

Другие векторные форматы зачастую привязаны к конкретным графическим редакторам, поэтому на SVG мы и закончим. Вопросы, предложения и просьбы сделать сайт за вас мы с радостью принимаем по телефону +371 22334264 или на электронную почту info@team3.lv