Файл: Решение за вами 10 Общий обзор современных графических форматов 12 Много ли можно выиграть, пользуясь альтернативными графическими форматами 13.doc
ВУЗ: Не указан
Категория: Не указан
Дисциплина: Не указана
Добавлен: 05.02.2024
Просмотров: 23
Скачиваний: 0
ВНИМАНИЕ! Если данный файл нарушает Ваши авторские права, то обязательно сообщите нам.
СОДЕРЖАНИЕ
2. JPEG — формат для фотографий и видеокадров
3. PNG — универсальная растровая новинка
4.1 Анимация, интерактивность и взаимодействие
4.2 Окончательное решение за вами
5. Общий обзор современных графических форматов
Много ли можно выиграть, пользуясь альтернативными графическими форматами?
5.2 Элемент picture спешит на помощь
5.4 Преобразование графических файлов в формат WebP
Использование современных графических форматов в React-приложениях.
Применение современных графических форматов со стилизованными компонентами.
Пакет gatsby-image не претендует на то, чтобы стать заменой img . Его использование может оказаться не таким уж и простым, его внутренние механизмы могут приводить к появлению неожиданностей, осложняющих разработчику жизнь.
5.6 Минусы WebP
Единственным реальным недостатком webp, который мне удалось обнаружить, заключается в том, что с файлами этого формата очень неудобно работать.
Большинство настольных пакетов для работы с изображениями пока его не поддерживают. Например, я не могу открывать webp-файлы в Preview на MacOS. Это значит, скажем, что если я сохраню webp-изображение с веб-страницы, я не смогу просмотреть его на компьютере!
Преобразование webp-файлов в jpeg-файлы — процесс достаточно простой. В интернете можно найти много бесплатных сервисов, выполняющих подобное преобразование. Но, это, опять же, не так удобно, как работа с традиционными графическими форматами. Если ваш сайт предлагает пользователям загружать с него графические файлы — вы, возможно, решите, что переход на webp вам не нужен[9,c.45].
Заключение
Мне очень нравится то, что благодаря использованию webp удалось сократить размер изображений в моём блоге примерно на 50%. Помимо того, что в наше непростое время это улучшает впечатления пользователей от работы с ним, я ещё надеюсь на то, что это позволит мне немного сэкономить на оплате трафика.
Конечно, идея ручного преобразования графических файлов в формат webp выглядит весьма непрактичной. Я уже занимаюсь изучением вопроса о том, как автоматически конвертировать в этот формат jpg- и png-файлы. В идеале этот процесс должен происходить совершенно незаметно для разработчика, во время сборки сайта.
Создатели веб-проектов обычно не особенно интересуются особенностями применения новых графических форматов. Но я полагаю, что разбираться в этом вопросе весьма полезно. Ведь использование WebP — это, вероятно, самый простой способ сократить размеры веб-проекта на сотни килобайт[2,c.12].
Список литературы
-
Алексеев А.. Введение в Web-дизайн. Учебное пособие. — М.: ДМК Пресс, 2019. — 184 c. -
Гарретт Д. Веб-дизайн. Элементы опыта взаимодействия / Д. Гарретт. — СПб.: Символ-плюс, 2015. — 192 c. -
Гарретт Джесс. Веб-дизайн. Элементы опыта взаимодействия. — М.: Символ-Плюс, 2020. — 285 c. -
Дакетт Д. HTML и CSS. Разработка и дизайн веб-сайтов. — М.: Эксмо, 2019. — 480 c. -
Диков А. В. Клиентские технологии веб-дизайна. HTML5 и CSS3. Учебное пособие. — М.: Лань, 2019. — 188 c. -
Кирсанов Д. Веб-дизайн: книга Дмитрия Кирсанова / Д. Кирсанов. — М.: Символ, 2015. — 368 c. -
Клифтон Ян. Проектирование пользовательского интерфейса в Android / Мовчан Д. А. — М.: ДМК Пресс, 2017. — 452 c. -
Макнейл П. Веб-дизайн. Книга идей веб-разработчика / П. Макнейл. — СПб.: Питер, 2017. — 480 c. -
Минник Крис, Титтел Эд. HTML5 и CSS3 для чайников. — М.: Диалектика, 2019. — 400 c. -
Нильсен Я. Веб-дизайн: книга Якоба Нильсена / Я. Нильсен. — М.: Символ, 2015. — 512 c. -
Петроченков А., Новиков Е. Идеальный Landing Page. Создаем продающие веб-страницы. — СПб.: Питер, 2017. — 320 c. -
Сырых Ю. А. Современный веб-дизайн. Настольный и мобильный. — М.: Диалектика, 2019. — 384 c.