7 ms·
I find vector images to be a godsend when creating responsive web sites. They are easy to implement and 'future proof' your website so when the next iDevice com
by damirkotoric 14y ago
I find vector images to be a godsend when creating responsive web sites. They are easy to implement and 'future proof' your website so when the next iDevice comes out with twice the resolution as the current gen retina devices your icons will look just as crisp. Of course Bitmap images remain a pain in the bum.
- rglover 14y agoOut of curiosity, how do you handle bitmap images? My course of action up until this point has been to open up the original in Photoshop and double the size (mileage varies a bit but seems to work well). Do you have any recommendations for another approach?
- Retric 14y agoI would suggest increasing the compression levels as well. With 4x the DPI bandwidth is an issue, but you don't notice compression artifacts as much.
- lowboy 14y agoVector images are fine for larger or very simple elements, but we're not at a point where we can rely on them for icons. http://www.pushing-pixels.org/2011/11/04/about-those-vector-icons.html http://www.pushing-pixels.org/2011/11/04/about-those-vector-...
- masklinn 14y agoEspecially since SVG is not hintable, so this won't be fixable until either SVG is fixed or SVG is replaced.
- damirkotoric 14y agoGood point. What you can do though, is to use media queries to load up different SVGs based on the screen resolution of the device. With a progressive enhancement approach you would load up the icons minimized for small displays by default, then work your way up.