Responsive theme - unterschiedliche bildgrössen verwenden

Hallo,
Ich bin gerade dabei meinen blog, der sehr Bilderlastig ist, auf responsive umzustellen und bislang gelingt mir das wie ich finde ziemlich gut. Um die Ladezeit für kleinere devices zu verkürzen, beziehungsweise einfach keine unnötig großen bilddateien zu laden habe ich mir gedacht dass man über media queries je nach bildschirmbreite die anderen bildgrößen laden könnte.
Gibt es zu meinem problem schon ein tutorial? Oder hat das schonmal jemand auf seinem blog verwendet?
Wie kann ich denn im loop automatisch auf die kleinere bildgrösse zugreifen? Oder kann man das nur beim Schreiben der artikel machen?
Danke