Графіка для веб-середовища

Це стара версія документу!

Зображення — це не лише фактор краси: у дизайні взаємодія з користувачем зображення відіграють важливу роль у створенні зручності користування. Більшість веб-користувачів сприймають картинки швидше, ніж слова. Тому досить часто зображення є невід'ємними елементами дизайну. Більше того, вони інформативні та емоційно привабливі, передають не лише повідомлення, а й особливу естетику. Крім того, зображення, які використовуються на веб-сторінках, позитивно впливають на рейтинг веб-сайту SEO.

Залежно від цілей, які стоять перед дизайном веб-сайту, креативні та маркетингові групи обирають різні типи зображень.

APNG (Animated Portable Network Graphics) — формат зображень побудований на форматі PNG, передбачує можливість зберігання анімації аналогічно до тієї, котра використовується в форматі GIF, а також кольорів прозорості (прозорість 8 біт на противагу одному прозорому кольору в GIF-зображенні).

Специфікація APNG була розроблена Стюартом Парментером та Владимиром Вукичевичем з Mozilla Corporation для збереження елементів інтерфейсу, таких, як анімація завантаження. Раніше Mozilla відмовилась від MNG (більш потужного формату, який підтримує всі можливості APNG) через немалий розмір MNG-бібліотеки; декодер APNG, побудований безпосередньо на бібліотеці PNG, був набагато меншим.

Хороший вибір для анімації без втрат якості (GIF менш продуктивний). AVIF і WebP мають кращу продуктивність, але менш широку підтримку браузера.

Підтримується: Chrome, Edge, Firefox, Opera, Safari.

Розширення файлу: .apng

AV1 Image File Format (AVIF) (/əˈviːf/) — це специфікація формату файлу зображення для зберігання зображень або послідовностей зображень, стиснутих за допомогою AV1, у форматі контейнера HEIF. Версія 1.0.0 специфікації AVIF була завершена у лютому 2019 року.

Хороший вибір як для зображень, так і для анімаацій завдяки високій продуктивності. Він пропонує набагато краще стиснення, ніж PNG або JPEG, із підтримкою більшої глибини кольору, анімованих рамок, прозорості тощо. Зауважте, що під час використання AVIF вам слід включити резервні варіанти до форматів із кращою підтримкою браузера (тобто за допомогою елемента <picture>).

Підтримується: Chrome, Opera, Firefox (лише нерухомі зображення: анімовані зображення не реалізовані).

Розширення файлу: .avif

GIF (від англ. Graphics Interchange Format — «формат обміну зображеннями») — 8-бітний растровий графічний формат, що використовує до 256 чітких кольорів із 24-бітного діапазону RGB. Формат було розроблено компанією CompuServe у 1987 році, і з того часу набув широкої популярності у всесвітній павутині завдяки своїй відносній простоті та мобільності. Одними з головних особливостей формату є підтримка анімації та прозорості.