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

Question

[nonlux]

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

Мак. размер картинки:

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

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

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

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

3 Вариант
Твой вариант

Comments

[nonlux]

Да согласен у меня баян темы: Каким способом лучше всего делать адаптивные изображения?

Answer 1

[Vadim Bogomazov]

3. Использую picturefill.js

Comments

[nonlux]

Спасибо интересно