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

Описание: Мой курс «Хардкорная веб-разработка» — https://course.to.digital

Книжный клуб Ботаним!, где мы читаем хорошие ИТ-книги: https://botanim.to.digital/
Telegram: https://t0digital.t.me

Сказать спасибо за это видео можно здесь — 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].

Telegram канал — https://t.me/t0digital
ВК — https://vk.com/digitalize.team
RuTube — https://rutube.ru/channel/24802975/ab...
Дзен — https://dzen.ru/id/6235d32cb64df01e6e...