[sxsw2013] Extremely Compressed JPEGs

5,212 views

Published on

Published in: Technology
1 Comment
22 Likes
Statistics
Notes
  • que bien
       Reply 
    Are you sure you want to  Yes  No
    Your message goes here
No Downloads
Views
Total views
5,212
On SlideShare
0
From Embeds
0
Number of Embeds
332
Actions
Shares
0
Downloads
0
Comments
1
Likes
22
Embeds 0
No embeds

No notes for slide

[sxsw2013] Extremely Compressed JPEGs

  1. CHRISTOPHER SCHMITT @telejectDESIGNING WEB&MOBILE GRAPHICS SXSW 2013
  2. @telejectCHRISTOPHER SCHMITT
  3. CHRISTOPHER SCHMITT
  4. WHY DON’T WE ASKTHE BROWSER? (cc) flic.kr/p/vUBHv
  5. Mozilla/1.0 (Win3.1)http://www.useragentstring.com/ (cc) flic.kr/p/vUBHv
  6. Mozilla/1.0 (Win3.1)Mozilla/1.22 (compatible;MSIE 2.0; Windows 95)http://www.useragentstring.com/ (cc) flic.kr/p/vUBHv
  7. Mozilla/5.0 (Macintosh; Intel MacOS X 10_7_3) AppleWebKit/534.55.3 (KHTML, like Gecko)Version/5.1.5 Safari/534.55.3http://webaim.org/blog/user-agent-string-history/ (cc) flic.kr/p/vUBHv
  8. Mozilla/5.0 (Macintosh; Intel MacOS X 10_7_3) AppleWebKit/534.55.3 (KHTML, like Gecko)Version/5.1.5 Safari/534.55.3http://webaim.org/blog/user-agent-string-history/ (cc) flic.kr/p/vUBHv
  9. SVG
  10. OS X Lion The world’s most advanced desktop operating system advances even further. With over 250 new features including Multi-Touch gestures, Mission Control, full-screen apps, and Launchpad, OS X Lion takes the Mac further than ever. Learn MoreiCloud iOS 5 OSX Lion iPad 2 iPhone
  11. ! OS X Lion " ← The world’s most advanced desktop operating system advances even further. With over 250 new features including Multi-Touch gestures, Mission Control, full-screen apps, and Launchpad, OS X ↑ Lion takes the Mac further than ever. Learn MoreiCloud iOS 5 OSX Lion iPad 2 iPhone
  12. ! ↙ OS X Lion " ← ← The world’s most advanced desktop operating system advances even further. With over 250 new features including Multi-Touch gestures, Mission Control, full-screen apps, and Launchpad, OS X ↗ ↑ Lion takes the Mac further than ever. ↖ Learn More ↑ ↖iCloud iOS 5 OSX Lion iPad 2 iPhone
  13. ↑ ↗ OS X Lion ← " " The world’s most advanced desktop operating system advances even further. With over 250 new features including Multi-Touch gestures, Mission Control, full-screen apps, and Launchpad, OS X ↙ ! Lion takes the Mac further than ever. ↘ Learn More ! ↘iCloud iOS 5 OSX Lion iPad 2 iPhone
  14. (cc) flic.kr/p/64fGf6
  15. 446kb < 8,755.2kb 0% vs 100% (cc) flic.kr/p/64fGf6
  16. Size Type Dimensions Display Px Density File SizeExtreme 2276x1400 1x & 2x 446kb 1024x1536 2x 1,745kb Extra Large 512x768 1x 503kb 640x960 2x 746kb Large 320x480 1x 223kb 500x750 2x 485kb Medium 250x375 1x 145kb
  17. Size Type Dimensions Display Px Density File SizeExtreme 2276x1400 1x & 2x 446kb 1024x1536 2x 1,745kb Extra Large 512x768 1x 503kb 640x960 2x 746kb Large 320x480 1x 223kb 500x750 2x 485kb Medium 250x375 1x 145kb
  18. <picture> Patch <picture alt="A giant stone face at The Bayon temple in Angkor Thom, Cambodia"> <!-- <source src="small.jpg"> --> <source src="small.jpg"> <!-- <source src="medium.jpg" media="(min-width: 400px)"> --> <source src="medium.jpg" media="(min-width: 400px)"> <!-- <source src="large.jpg" media="(min-width: 800px)"> --> <source src="large.jpg" media="(min-width: 800px)"> <!-- Fallback content for non-JS browsers. Same src as the initial source element. --> <noscript><img src="small.jpg" alt="A giant stone face at The Bayon temple in Angkor Thom, Cambodia"></noscript> </picture>http://www.w3.org/community/respimg/2012/03/15/polyfilling- picture-without-the-overhead/
  19. One Image, One IMG<img src="rock-climber.jpg" alt="" />
  20. EXTREMELYCOMPRESSED PROBLEMS (cc) flic.kr/p/64fGf6
  21. THANK YOU!CHRISTOPHER SCHMITT @teleject http://goo.gl/gSYmS @DWMGbook

×