LearnA Brief Introduction to SVG

Treehouse
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. Roxi Miller on January 12, 2015 at 1:55 am said:

    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. Daniel Beck on January 8, 2015 at 11:21 am said:

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

  3. Lee Hobson on January 5, 2015 at 2:43 am said:

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

  4. Joshua on January 4, 2015 at 10:39 am said:

    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. تلفن on January 3, 2015 at 12:38 pm said:

    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

You must be logged in to post a comment.

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