Kansas City Web Designer Tip – SVG vs PNG
How many websites can you think of in Kansas City that use an svg?
For those of you who are into research, an svg is a Scalable Vector Graphic. It does not rely on pixels. It relies on a set of coordinates.
When web designers layout their web design, they might not always be thiking of the end graphic. It really depends on which program is being used to design the website. Some web designers enjoy using Photoshop, as it gives pixel perfect grids and images. Some web designers choose Illustrator, as it gives them a better option to play with shapes.
When the web developer receives the file, whether it be from Photoshop or Illustrator, and sometimes depending on the file, the web developer chooses between the immense possibilities to showcase simple things like logos or graphics when deciding the important layout structure.
What if you could change a color inside your logo, or make something move, or take something out? Web developers caught on to the svg buzz when they were able to see some pretty neat features. Chaos ensued. Web Designers continued to make layouts in Photoshop, but Web Developers were asking for logos and graphics in Illustrator. Some designers completely switched over to designing in Illustrator. For a later discussion, we can talk about the pro’s and con’s of designing a website in the two.
Another distinct advantage is that there is no loss of clarity. Viewers who are visually impaired will zoom into documents. pngs will show the dreaded bitmap pixels, while as an svg will still continue to be crisp. Retina displays and svgs go hand in hand.
Have you seen a creative use of an svg? Leave your comments below.
KC Web Specialists’ Kansas City SEO / PPC specialist who enjoys blogging about all things web related.