team3 logo

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

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

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

Для начала рассмотрим те, которые относятся к растровой графике:

    1. GIF. (Graphics Interchange Format)

Анимированные веб-картинки.  Эмоциональный парень, этот GIF. Он помогает передать эмоции и чувства гораздо лучше, чем картинка или текст. С одной оговоркой: он не подходит для хранения полноцветных изображений и фотографий.

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

    2. JPEG. (Joint Photographic Experts Group)

Первые картинки этого формата появились в 1992 году. Его можно использовать для сохранения различных фото, но если вам нужно отправить изображение с текстом, то лучше подойдёт PNG.

Имейте в виду, у JPEG есть одна скверная черта характера: при повторной обработке фотографии в этом формате качество картинки ухудшается.

    3. PNG. (Portable Network Graphics)

PNG является относительно недавним форматом, который был введён как альтернатива для GIF-файлов. PNG дает возможность сжимать файл без потерь и позволяет сохранять изображения, в которых требуется особенная чёткость. Например, чертежи и печатный текст.

PNG ваш лучший друг, если у вас:

    • изображения с прозрачностью и полупрозрачностью;

    • необходимость в повышенной точности полноцветных изображений;

    • изображения с резкими переходами цветов.

И это еще не все. В продолжении статьи вас ждет восходящая звезда WebP и векторный формат SVG.