LearnA Brief Introduction to SVG

Chris Zabriskie
writes on December 31, 2014

SVG, or Scalable Vector Graphics, is an XML markup language for creating two-dimensional images using vectors. Unlike JPEG and PNG, SVG is not raster-based, and doesn’t use pixels.

This means SVG images can have an infinite level of detail, but when is the best time to use them? In this clip from the SVG Basics course at Treehouse, Nick Pettit explains SVGs, pixel density, and best practices for using SVG in your own web projects.

5 Responses to “A Brief Introduction to SVG”

  1. I have not heard of this SVG before, Thanks for taking the time to make and sharing this great info.
    Will bookmark and share!

  2. Nice article. I also recommend the SVG tutorial from Jakob Jenkov, which is very good.

  3. Great language for creating two-dimensional images using vectors.. I was previously not aware of this !

  4. This is one of the most important skills any webdesigner should acquire, seems like all websites are starting to use svg instead of regular old jpg,gif,png formats.

  5. It’s actually a nice and helpful piece of information. I’m satisfied that
    you just shared this useful info with us. Please keep us informed like
    this. Thank you for sharing.

Leave a Reply

Want to learn more about Design?

Design refers to visuals, interaction flows, wireframes, branding, and more. Learn how to use good design to enhance your website, mobile app, or business.

Learn more