Slide 1

Slide 1 text

High%Performance%Images Tobias%Baldauf%7%@tbaldauf Tobias'Baldauf'-'@tbaldauf'-'who.tobias.is 1

Slide 2

Slide 2 text

Tobias'Baldauf'-'@tbaldauf'-'who.tobias.is 2

Slide 3

Slide 3 text

Hero%Images Tobias'Baldauf'-'@tbaldauf'-'who.tobias.is 3

Slide 4

Slide 4 text

Hero%Image%Delay%-%HID stevesouders.com/blog/2015/05/12/hero5image5custom5metrics Tobias'Baldauf'-'@tbaldauf'-'who.tobias.is 4

Slide 5

Slide 5 text

Tobias'Baldauf'-'@tbaldauf'-'who.tobias.is 5

Slide 6

Slide 6 text

Tobias'Baldauf'-'@tbaldauf'-'who.tobias.is 6

Slide 7

Slide 7 text

Tobias'Baldauf'-'@tbaldauf'-'who.tobias.is 7

Slide 8

Slide 8 text

Tobias'Baldauf'-'@tbaldauf'-'who.tobias.is 8

Slide 9

Slide 9 text

Tobias'Baldauf'-'@tbaldauf'-'who.tobias.is 9

Slide 10

Slide 10 text

Tobias'Baldauf'-'@tbaldauf'-'who.tobias.is 10

Slide 11

Slide 11 text

Tobias'Baldauf'-'@tbaldauf'-'who.tobias.is 11

Slide 12

Slide 12 text

Tobias'Baldauf'-'@tbaldauf'-'who.tobias.is 12

Slide 13

Slide 13 text

Tobias'Baldauf'-'@tbaldauf'-'who.tobias.is 13

Slide 14

Slide 14 text

Tobias'Baldauf'-'@tbaldauf'-'who.tobias.is 14

Slide 15

Slide 15 text

Tobias'Baldauf'-'@tbaldauf'-'who.tobias.is 15

Slide 16

Slide 16 text

Tobias'Baldauf'-'@tbaldauf'-'who.tobias.is 16

Slide 17

Slide 17 text

Tobias'Baldauf'-'@tbaldauf'-'who.tobias.is 17

Slide 18

Slide 18 text

Tobias'Baldauf'-'@tbaldauf'-'who.tobias.is 18

Slide 19

Slide 19 text

Tobias'Baldauf'-'@tbaldauf'-'who.tobias.is 19

Slide 20

Slide 20 text

Tobias'Baldauf'-'@tbaldauf'-'who.tobias.is 20

Slide 21

Slide 21 text

LQIP guypo.com/introducing/lqip/low/quality/image/placeholders code.facebook.com/posts/991252547593574/the7technology7behind7preview7photos Tobias'Baldauf'-'@tbaldauf'-'who.tobias.is 21

Slide 22

Slide 22 text

Tools Tobias'Baldauf'-'@tbaldauf'-'who.tobias.is 22

Slide 23

Slide 23 text

JPEG Tobias'Baldauf'-'@tbaldauf'-'who.tobias.is 23

Slide 24

Slide 24 text

Tobias'Baldauf'-'@tbaldauf'-'who.tobias.is 24

Slide 25

Slide 25 text

JPEG%XR Tobias'Baldauf'-'@tbaldauf'-'who.tobias.is 25

Slide 26

Slide 26 text

Tobias'Baldauf'-'@tbaldauf'-'who.tobias.is 26

Slide 27

Slide 27 text

"Standards)are)like)sausages:)it's)be3er) not)to)see)them)being)made." —)Lea$Verou,$CSS$Secrets Tobias'Baldauf'-'@tbaldauf'-'who.tobias.is 27

Slide 28

Slide 28 text

mozjpeg Tobias'Baldauf'-'@tbaldauf'-'who.tobias.is 28

Slide 29

Slide 29 text

To#measure#dissimilarity: DSSIM github.com/pornel/dssim Tobias'Baldauf'-'@tbaldauf'-'who.tobias.is 29

Slide 30

Slide 30 text

cjpeg&dssim github.com/technopagan/cjpeg1dssim Tobias'Baldauf'-'@tbaldauf'-'who.tobias.is 30

Slide 31

Slide 31 text

Adept github.com/technopagan/adept1jpg1compressor Tobias'Baldauf'-'@tbaldauf'-'who.tobias.is 31

Slide 32

Slide 32 text

MSSS github.com/technopagan/mss1saliency Maximum'Symmetric'Surround'Saliency'Algorithm Tobias'Baldauf'-'@tbaldauf'-'who.tobias.is 32

Slide 33

Slide 33 text

AIC Tobias'Baldauf'-'@tbaldauf'-'who.tobias.is 33

Slide 34

Slide 34 text

Tobias'Baldauf'-'@tbaldauf'-'who.tobias.is 34

Slide 35

Slide 35 text

h"p:/ /quasimondo.com/ZorroSVG/ Tobias'Baldauf'-'@tbaldauf'-'who.tobias.is 35

Slide 36

Slide 36 text

Tobias'Baldauf'-'@tbaldauf'-'who.tobias.is 36

Slide 37

Slide 37 text

JPEG%XT Tobias'Baldauf'-'@tbaldauf'-'who.tobias.is 37

Slide 38

Slide 38 text

Tobias'Baldauf'-'@tbaldauf'-'who.tobias.is 38

Slide 39

Slide 39 text

Tobias'Baldauf'-'@tbaldauf'-'who.tobias.is 39

Slide 40

Slide 40 text

Compress(JPEGs(with(mozjpeg(today Enhance'it'with'cjpeg.dssim'or'Adept'accordingly Tobias'Baldauf'-'@tbaldauf'-'who.tobias.is 40

Slide 41

Slide 41 text

Follow%JPEG%XT%development%and%deploy%ASAP Tobias'Baldauf'-'@tbaldauf'-'who.tobias.is 41

Slide 42

Slide 42 text

Tobias'Baldauf'-'@tbaldauf'-'who.tobias.is 42

Slide 43

Slide 43 text

Tobias'Baldauf @tbaldauf who.tobias.is Tobias'Baldauf'-'@tbaldauf'-'who.tobias.is 43