Как использовать тег picture при создании адаптивных изображений?

Всех приветствую друзья!

Постигая дзен адаптивной верстки, надо было переходить на элемент picture... Почитав доки про него у меня появился вопрос. У нас имеются 3 типа устройств чтоб адаптировать под них дизайн. Это мобильник, планшеты и ПК. Но если для ПК я знаю какой размер изображения вывести (это максимальный), то вот для мобилки и планшетов у меня встал вопрос.

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

Помогите, пожалуйста, всю голову сломал уже...
  • Вопрос задан
  • 519 просмотров
Пригласить эксперта
Ответы на вопрос 2
@tvsjke
информация засекречена
От сетки твоей зависит.

Допустим, есть у тебя 3 брекпоинта: 0-767, 768 - 1199, 1200+

Берешь 3 картинки с шириной 768, 1200 и максимальную, соответственно
Ответ написан
ой чувак... https://html5book.ru/images-in-html веселись
Ответ написан
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Войти через центр авторизации
Похожие вопросы
AUTEP Москва
от 100 000 до 300 000 руб.
Монографик Москва
от 60 000 до 100 000 руб.
Frogogo Москва
от 60 000 до 80 000 руб.
13 нояб. 2019, в 12:55
1000 руб./за проект
13 нояб. 2019, в 12:51
2000 руб./за проект
13 нояб. 2019, в 12:37
8000 руб./за проект