The year is 2010, the web world is peacefully floating along… suddenly everything is shattered as Apple announces the world’s first high-resolution Retina screen.
Designers everywhere are reeling with this news trying to figure out a solution to this problem. Suddenly one designer has an idea – we can create two sizes of all our images and serve them up based on your screen resolution!
The only problem is that not only is maintaining two versions of every image a hassle, but it hasn’t really solved the problem.
The problem is not Retina screens, the real problem is static non-scalable images. It is only a matter of time until Apple or Samsung releases a 4x retina display that will force designers to begin creating 4 versions of every image asset.
What we need are truly scalable vector graphics – enter Icon Fonts and SVG’s. Both of these formats give us a huge step in the right direction of completely resolution independent graphics.