SVG and the importance of its use in the logo


SVG (Scalable Vector Graphics) are future web graphics formats that offer independent, fully scalable resolution and perfect graphics. Uses XML to define paths and formats, to create your chart. Going through JPG and PNG, SVG is the solution for retina displays, and even looks better on normal displays. You can think of it as being the equivalent of HTML for images.

Because of its unique ability to resize, SVG is a great format to use in responsive webdesign. No matter the size of the screen, the image changes its size according to the display and will remain perfect on any monitor, tablet or cell phone. This also works for retina displays.

SVG allows three types of graphic objects so far:

  • vector geometric shapes (lines and curves mathematically described, unlike bitmap images composed of pixels)
  • raster / bitmap images
  • text

Images in SVG format can be recorded with gzip compression, without data loss, calling in this case SVGZ files. Because XML contains a lot of redundant data, it can be compressed, resulting in much smaller files. However, the SVG format is often smaller than its raster version.

Responsive design is as important as computer design, given the number of people who use cell phones to navigate the internet today. Therefore, it is so important to have a logo that adapts to different sizes of displays, without changing the quality of the same.

Advantages of using:

  • The logo fits any size.
  • It looks great on retina displays.
  • It doesn’t lose clarity except for very small sizes.
  • Optical correction for very small sizes.

Using SVG saves a lot of time by not having to create a logo with 2 times the original retina size.