I began retina-ifying my website (http://betterexplained.com). I'm serving up the high-res images. Something like a logo should be downloaded once and cached for a long time.
I have a lot of LaTeX-generated images, which is too painful to set using CSS rules. Also, for RSS/email readers, they don't have the full stylesheet available (feed-to-email service), so I want the image dimensions specified via attributes, not CSS.
>Something like a logo should be downloaded once and cached for a long time.
The cache on mobile browsers is tiny (4-85MB), your logo will likely only be cached for that visit. I'm finding sites claiming IOS didn't even have a disk cache for safari until IOS 6? So in that case it is certainly only getting cached for one visit.
Interesting point, thanks for sharing. I might do CSS targeting for site-wide images, and leave the in-post images (i.e., the ones coming via email & rss) with the high-res versions.
I have a lot of LaTeX-generated images, which is too painful to set using CSS rules. Also, for RSS/email readers, they don't have the full stylesheet available (feed-to-email service), so I want the image dimensions specified via attributes, not CSS.