Графика для веба, которую все используют неправильно. Про JPG/PNG, WebP и SVG, а также мощь HTML5

У вашего броузера проблема в совместимости с HTML5

Поддержать канал и получить доступ к закрытым видео — https://boosty.to/digitalize.team

Мы сейчас делаем сайт новому онлайн СМИ и прорабатываем много технологических аспектов, в частности, вопрос эффективного использования графики на таких сайтах. В ходе исследования выяснилось, что сайты 94% крупнейших российских СМИ пренебрегают хорошими практиками в части работы с изображениями на своих сайтах. О том, как правильно готовить графику для веба в связке бэкенд-фронтенд, чтобы она всегда была чёткой и загружалась максимально быстро — поговорим в этом видео.

0:00 Почему не всё так просто с графикой для веба?
1:02 Растровая и векторная графика в веб
2:59 Что на практике имеет смысл делать в векторе?
3:44 Форматы растровых изображений для веба
5:28 О формате WebP
7:06 Минусы WebP, способы их обхода, тег picture
8:53 Анализ сайтов популярных СМИ в России
13:49 Выводы

/****************** about ******************/

Меня зовут Алексей Голобурдин, я программирую с 2004 года и на этом канале делюсь своим опытом. Я основатель и руководитель компаний:

— Диджитализируй https://digitalize.team, разрабатываем сложные IT системы для бизнеса;
— Salesbeat https://salesbeat.pro, комплексный модуль доставки для интернет магазинов.

Если у вас есть проект на разработку, пишите нам на [email protected].

С другими предложениями, а также если вам нужна одна или несколько индивидуальных консультаций/уроков по разработке (3000 руб/час), пишите мне на [email protected].

Мои соц сети:
https://www.facebook.com/a.goloburdin
https://www.instagram.com/alexeygoloburdin/
https://vk.com/a.goloburdin

—-