Get proper vectors into your website

The current state of the Internet means we’re not looking at web sites on just a desktop monitor. We’re looking on phones, tablets, music players, gaming devices, televisions. The screens on all these devices differ in two important ways:

• Physical screen size
• Pixel density

In simple terms, a simple example is a television that’s 46” may have a lower resolution that a phone what’s 5”.

What does this mean for the devices?

Not much really. We’ve invented zoom and swipe to help people get around web sites on different types of monitors. The text resizes as you zoom, so do the style sheets. It’s all very clean and designed exactly as it was intended... Almost.

There’s one last gaping hope... Images!

There’s nothing worse than seeing a 30x30 pixel imaging blown up on a 1080p mobile phone. The image solution is simple. Vector images. The irony is that it’s an easier word to say than to implement.

Vector images are another area of the web that work inconsistently across different browser. Namely, once again; IE and everything else...

Dmitry Baranovskiy seeks to solve this problem with his Raphael JavaScript library http://raphaeljs.com/ that tackles cross-browser vector graphics.

Your logo alone is worth implementing this right away.

Get your logo looking clean from 320 pixels wide to 1920 pixels wide and you’re site will look ten times better for it.