3 ms·
Images are meticulously optimized, problem is, retina is expensive in file size.
by codinghorror 10y ago
Images are meticulously optimized, problem is, retina is expensive in file size.
- minikomi 10y agoSeems that images such as the superman image [0] or pinball image [1] currently on the front page are much much larger than they should be -- body max-width is 700 (70% of 1000px). Even for retina that's overkill. If you want to get really fancy you could restrict all (served) image widths to under 700px and make a 1400px @2x version to use in a srcset. [0] https://blog.codinghorror.com/content/images/2017/01/help-keep-your-school-all-american.jpg https://blog.codinghorror.com/content/images/2017/01/help-ke... [1] https://blog.codinghorror.com/content/images/2016/11/pro-pinball-timeshock-ultra-4k-1.jpg https://blog.codinghorror.com/content/images/2016/11/pro-pin...
- vladdanilov 10y agoI'm working on a visually lossless optimization tool [1] and could reduce the images a bit further from 20.8MB to 16.11MB (-22.6%). But you're right, hidpi images is the main cost factor, adding an srcset polyfill would be a good measure. [1] http://getoptimage.com http://getoptimage.com