0 Replies - 14879 Views - Last Post: 27 June 2012 - 08:18 AM

#1 modi123_1  Icon User is online

  • Suitor #2
  • member icon

Reputation: 11593
  • View blog
  • Posts: 45,752
  • Joined: 12-June 08

[link] Getting Started With Scalable Vector Graphics (SVG)

Posted 27 June 2012 - 08:18 AM


Something to definitely look into... a bit of work up front saves some time later on. Ha.


As a web designer itís high time you knew how to implement SVG (Scalable Vector Graphics) into your websites. Letís now take a look at the basics of SVG, as well as more complex designs such as logos or icons.

Recently at WWDC 2012 Apple announced the release of the new retina display MacBook Pro. Retina displays have a higher pixel density (220.5ppi) than that of normal screens or monitors and Apple claim that their retina technology pixel density is so high that the eye is unable to notice pixelation at a typical viewing distance. If youíve witnessed a retina display firsthand then Iím sure youíll agree they do look stunning. However, these retina displays can start to cause problems for us web designers.

The problem occurs when images that were previously saved as 72ppi now start to look distorted on retina displays. The solution to this problem is still not 100% solved and designers are looking at new ways to try and get around this problem.

One possible solution (in some cases) is to use SVG. Why would you want to use SVG? SVGís are rendered as vectors and are therefore able to scale to whatever screen resolution we are viewing them on, whilst maintaining the sharpness and crystal quality that we intended when we first designed them.

Is This A Good Question/Topic? 0
  • +

Page 1 of 1