Skip to content

Instantly share code, notes, and snippets.

@kellysutton

kellysutton/img.html

Created April 20, 2016 05:35
Show Gist options
  • Star 0 You must be signed in to star a gist
  • Fork 0 You must be signed in to fork a gist
  • Save kellysutton/fd1c4fe12cfa7d4fbd779b2da7568320 to your computer and use it in GitHub Desktop.
Save kellysutton/fd1c4fe12cfa7d4fbd779b2da7568320 to your computer and use it in GitHub Desktop.
Download ZIP
srcset insanity
Raw
img.html
<img srcset="https://assets.imgix.net/flower.jpg?w=50 50w,
https://assets.imgix.net/flower.jpg?w=100 100w,
https://assets.imgix.net/flower.jpg?w=150 150w,
https://assets.imgix.net/flower.jpg?w=200 200w,
https://assets.imgix.net/flower.jpg?w=250 250w,
https://assets.imgix.net/flower.jpg?w=300 300w,
https://assets.imgix.net/flower.jpg?w=350 350w,
https://assets.imgix.net/flower.jpg?w=400 400w,
https://assets.imgix.net/flower.jpg?w=450 450w,
https://assets.imgix.net/flower.jpg?w=500 500w,
https://assets.imgix.net/flower.jpg?w=550 550w,
https://assets.imgix.net/flower.jpg?w=600 600w,
https://assets.imgix.net/flower.jpg?w=650 650w,
https://assets.imgix.net/flower.jpg?w=700 700w,
https://assets.imgix.net/flower.jpg?w=750 750w,
https://assets.imgix.net/flower.jpg?w=800 800w,
https://assets.imgix.net/flower.jpg?w=850 850w,
https://assets.imgix.net/flower.jpg?w=900 900w,
https://assets.imgix.net/flower.jpg?w=950 950w,
https://assets.imgix.net/flower.jpg?w=1000 1000w,
https://assets.imgix.net/flower.jpg?w=1050 1050w,
https://assets.imgix.net/flower.jpg?w=1100 1100w,
https://assets.imgix.net/flower.jpg?w=1150 1150w,
https://assets.imgix.net/flower.jpg?w=1200 1200w,
https://assets.imgix.net/flower.jpg?w=1250 1250w,
https://assets.imgix.net/flower.jpg?w=1300 1300w,
https://assets.imgix.net/flower.jpg?w=1350 1350w,
https://assets.imgix.net/flower.jpg?w=1400 1400w,
https://assets.imgix.net/flower.jpg?w=1450 1450w,
https://assets.imgix.net/flower.jpg?w=1500 1500w,
https://assets.imgix.net/flower.jpg?w=1550 1550w,
https://assets.imgix.net/flower.jpg?w=1600 1600w,
https://assets.imgix.net/flower.jpg?w=1650 1650w,
https://assets.imgix.net/flower.jpg?w=1700 1700w,
https://assets.imgix.net/flower.jpg?w=1750 1750w,
https://assets.imgix.net/flower.jpg?w=1800 1800w,
https://assets.imgix.net/flower.jpg?w=1850 1850w,
https://assets.imgix.net/flower.jpg?w=1900 1900w,
https://assets.imgix.net/flower.jpg?w=1950 1950w,
https://assets.imgix.net/flower.jpg?w=2000 2000w,
https://assets.imgix.net/flower.jpg?w=2050 2050w,
https://assets.imgix.net/flower.jpg?w=2100 2100w,
https://assets.imgix.net/flower.jpg?w=2150 2150w,
https://assets.imgix.net/flower.jpg?w=2200 2200w,
https://assets.imgix.net/flower.jpg?w=2250 2250w,
https://assets.imgix.net/flower.jpg?w=2300 2300w,
https://assets.imgix.net/flower.jpg?w=2350 2350w,
https://assets.imgix.net/flower.jpg?w=2400 2400w,
https://assets.imgix.net/flower.jpg?w=2450 2450w,
https://assets.imgix.net/flower.jpg?w=2500 2500w,
https://assets.imgix.net/flower.jpg?w=2550 2550w,
https://assets.imgix.net/flower.jpg?w=2600 2600w,
https://assets.imgix.net/flower.jpg?w=2650 2650w,
https://assets.imgix.net/flower.jpg?w=2700 2700w,
https://assets.imgix.net/flower.jpg?w=2750 2750w,
https://assets.imgix.net/flower.jpg?w=2800 2800w,
https://assets.imgix.net/flower.jpg?w=2850 2850w,
https://assets.imgix.net/flower.jpg?w=2900 2900w,
https://assets.imgix.net/flower.jpg?w=2950 2950w,
https://assets.imgix.net/flower.jpg?w=3000 3000w,
https://assets.imgix.net/flower.jpg?w=3050 3050w,
https://assets.imgix.net/flower.jpg?w=3100 3100w,
https://assets.imgix.net/flower.jpg?w=3150 3150w,
https://assets.imgix.net/flower.jpg?w=3200 3200w,
https://assets.imgix.net/flower.jpg?w=3250 3250w,
https://assets.imgix.net/flower.jpg?w=3300 3300w,
https://assets.imgix.net/flower.jpg?w=3350 3350w,
https://assets.imgix.net/flower.jpg?w=3400 3400w,
https://assets.imgix.net/flower.jpg?w=3450 3450w,
https://assets.imgix.net/flower.jpg?w=3500 3500w,
https://assets.imgix.net/flower.jpg?w=3550 3550w,
https://assets.imgix.net/flower.jpg?w=3600 3600w,
https://assets.imgix.net/flower.jpg?w=3650 3650w,
https://assets.imgix.net/flower.jpg?w=3700 3700w,
https://assets.imgix.net/flower.jpg?w=3750 3750w,
https://assets.imgix.net/flower.jpg?w=3800 3800w,
https://assets.imgix.net/flower.jpg?w=3850 3850w,
https://assets.imgix.net/flower.jpg?w=3900 3900w,
https://assets.imgix.net/flower.jpg?w=3950 3950w,
https://assets.imgix.net/flower.jpg?w=4000 4000w,
https://assets.imgix.net/flower.jpg?w=4050 4050w,
https://assets.imgix.net/flower.jpg?w=4100 4100w,
https://assets.imgix.net/flower.jpg?w=4150 4150w,
https://assets.imgix.net/flower.jpg?w=4200 4200w,
https://assets.imgix.net/flower.jpg?w=4250 4250w,
https://assets.imgix.net/flower.jpg?w=4300 4300w,
https://assets.imgix.net/flower.jpg?w=4350 4350w,
https://assets.imgix.net/flower.jpg?w=4400 4400w,
https://assets.imgix.net/flower.jpg?w=4450 4450w,
https://assets.imgix.net/flower.jpg?w=4500 4500w,
https://assets.imgix.net/flower.jpg?w=4550 4550w,
https://assets.imgix.net/flower.jpg?w=4600 4600w,
https://assets.imgix.net/flower.jpg?w=4650 4650w,
https://assets.imgix.net/flower.jpg?w=4700 4700w,
https://assets.imgix.net/flower.jpg?w=4750 4750w,
https://assets.imgix.net/flower.jpg?w=4800 4800w,
https://assets.imgix.net/flower.jpg?w=4850 4850w,
https://assets.imgix.net/flower.jpg?w=4900 4900w,
https://assets.imgix.net/flower.jpg?w=4950 4950w,
https://assets.imgix.net/flower.jpg?w=5000 5000w,
https://assets.imgix.net/flower.jpg?w=5050 5050w,
https://assets.imgix.net/flower.jpg?w=5100 5100w,
https://assets.imgix.net/flower.jpg?w=5120 5120w"
sizes="100vw"
src="https://assets.imgix.net/flower.jpg"
/>
@kellysutton
Copy link
Author

On the plus side, this gzips down to 618 bytes.

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment