Skip to content

Instantly share code, notes, and snippets.

@aFarkas

aFarkas/maxres-.html

Created October 27, 2014 21:04
Download ZIP

Revisions

  1. Alexander Farkas created this gist Oct 27, 2014.
    7 changes: 7 additions & 0 deletions maxres-.html
    View file
    Original file line number Diff line number Diff line change
    @@ -0,0 +1,7 @@
    <!-
    2x device and viewport 1000px: 2000.jpg (i.e.: 2dpr res)

    3x device and viewport 1000px: 2000.jpg (i.e.: 2dpr res) <- constrained
    3x device and viewport 1500px: 3000.jpg (i.e.: 2dpr res) <- constrained
    ->
    <img srcset="500.jpg 500w, 1000.jpg 1000w, 1500.jpg 1500w, 2000.jpg 2000w, 3000jpg 3000w, 4000jpg 4000w" maxdpr="2" sizes="100vw" />