Skip to content

Instantly share code, notes, and snippets.

@mrpunkin
Created September 16, 2015 16:52
Show Gist options
  • Save mrpunkin/498ed2ec51af12cdf50f to your computer and use it in GitHub Desktop.
Save mrpunkin/498ed2ec51af12cdf50f to your computer and use it in GitHub Desktop.
// Use images up to 1.2x their size to save file weight
@1x Breakpoints:
0 - 288: small (240w)
289 - 576: medium (480w)
577 - 720: large (600w)
721 - *: 1024x1024 (1024w)
@2x Breakpoints:
0 - 288: medium (480w)
289 - 360: large (600w)
361 - 615: 1024x1024 (1024w)
616 - *: 2048x2048 (2048w)
-- Alternate --
@1x Breakpoints:
0 - 480: medium (480w)
481 - 768: large (600w) / 1.28x
769 - 1600: 1024x1024 (1024w) / 1.56x
1600 - *: 2048x2048 (2048w)
@2x Breakpoints:
0 - 480: large (600w) / 1.6x
481 - 768: 1024x1024 (1024w) / 1.5x
769 - *: 2048x2048 (2048w)
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment