Your SlideShare is downloading. ×
0
[sxsw2013] Extremely Compressed JPEGs
[sxsw2013] Extremely Compressed JPEGs
[sxsw2013] Extremely Compressed JPEGs
[sxsw2013] Extremely Compressed JPEGs
[sxsw2013] Extremely Compressed JPEGs
[sxsw2013] Extremely Compressed JPEGs
[sxsw2013] Extremely Compressed JPEGs
[sxsw2013] Extremely Compressed JPEGs
[sxsw2013] Extremely Compressed JPEGs
[sxsw2013] Extremely Compressed JPEGs
[sxsw2013] Extremely Compressed JPEGs
[sxsw2013] Extremely Compressed JPEGs
[sxsw2013] Extremely Compressed JPEGs
[sxsw2013] Extremely Compressed JPEGs
[sxsw2013] Extremely Compressed JPEGs
[sxsw2013] Extremely Compressed JPEGs
[sxsw2013] Extremely Compressed JPEGs
[sxsw2013] Extremely Compressed JPEGs
[sxsw2013] Extremely Compressed JPEGs
[sxsw2013] Extremely Compressed JPEGs
[sxsw2013] Extremely Compressed JPEGs
[sxsw2013] Extremely Compressed JPEGs
[sxsw2013] Extremely Compressed JPEGs
[sxsw2013] Extremely Compressed JPEGs
[sxsw2013] Extremely Compressed JPEGs
[sxsw2013] Extremely Compressed JPEGs
[sxsw2013] Extremely Compressed JPEGs
[sxsw2013] Extremely Compressed JPEGs
[sxsw2013] Extremely Compressed JPEGs
[sxsw2013] Extremely Compressed JPEGs
[sxsw2013] Extremely Compressed JPEGs
[sxsw2013] Extremely Compressed JPEGs
[sxsw2013] Extremely Compressed JPEGs
[sxsw2013] Extremely Compressed JPEGs
[sxsw2013] Extremely Compressed JPEGs
Upcoming SlideShare
Loading in...5
×

Thanks for flagging this SlideShare!

Oops! An error has occurred.

×
Saving this for later? Get the SlideShare app to save on your phone or tablet. Read anywhere, anytime – even offline.
Text the download link to your phone
Standard text messaging rates apply

[sxsw2013] Extremely Compressed JPEGs

3,948

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
3,948
On Slideshare
0
From Embeds
0
Number of Embeds
6
Actions
Shares
0
Downloads
0
Comments
1
Likes
22
Embeds 0
No embeds

Report content
Flagged as inappropriate Flag as inappropriate
Flag as inappropriate

Select your reason for flagging this presentation as inappropriate.

Cancel
No notes for slide

Transcript

  • 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

×