Best practice pictures for responsive layout?

Question

css

The task is this:
Let's take some kind of adaptive layout.
It has a picture (bitmap), let's say a preview for the news.
Poppy. picture size:

• For desktop 150x100
  
• For tablet 210x140
  
• For mobile 600x400
  

What size image to use?
Option 1
So that everything is beautiful for everything to be beautiful on all devices, we take 600x400 + and don’t sweat it
- extra kilobytes are loaded on tablets and desktops
2 Option The
picture is set via css background-image + @media
- a lot of crap )
3 Option
Your option

Answer 1

3. I use picturefill.js