Задать вопрос
nonlux
@nonlux

Best practice картинки для адаптивной верстки?

Задача такая:
Возьмем какой-нибудь адаптивный макет.
В нем есть картинка ( растровая) допустим превью для новости.

Мак. размер картинки:
  • Для десктоп 150x100
  • Для планшета 210x140
  • Для мобилы 600x400


Какого размера использовать картинку?

1 Вариант
Что бы все красиво на все было красиво на всех устройствах берем 600x400 + и не паримся
- на планшетах и дектопах грузятся лишние килобайты

2 Вариант
Картинка задается через css background-image + @media
- много гемороя ( надо генерировать стили если выборка из базы)

3 Вариант
Твой вариант
  • Вопрос задан
  • 385 просмотров
Подписаться 2 Оценить 1 комментарий
Пригласить эксперта
Ответы на вопрос 1
@bogomazov_vadim
Ваш ответ на вопрос

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

Похожие вопросы