We are independent & ad-supported. We may earn a commission for purchases made through our links.
Advertiser Disclosure
Our website is an independent, advertising-supported platform. We provide our content free of charge to our readers, and to keep it that way, we rely on revenue generated through advertisements and affiliate partnerships. This means that when you click on certain links on our site and make a purchase, we may earn a commission. Learn more.
How We Make Money
We sustain our operations through affiliate commissions and advertising. If you click on an affiliate link and make a purchase, we may receive a commission from the merchant at no additional cost to you. We also display advertisements on our website, which help generate revenue to support our work and keep our content free for readers. Our editorial team operates independently of our advertising and affiliate partnerships to ensure that our content remains unbiased and focused on providing you with the best information and recommendations based on thorough research and honest evaluations. To remain transparent, we’ve provided a list of our current affiliate partners here.
Software

Our Promise to you

Founded in 2002, our company has been a trusted resource for readers seeking informative and engaging content. Our dedication to quality remains unwavering—and will never change. We follow a strict editorial policy, ensuring that our content is authored by highly qualified professionals and edited by subject matter experts. This guarantees that everything we publish is objective, accurate, and trustworthy.

Over the years, we've refined our approach to cover a wide range of topics, providing readers with reliable and practical advice to enhance their knowledge and skills. That's why millions of readers turn to us each year. Join us in celebrating the joy of learning, guided by standards you can trust.

What are Scalable Vector Graphics?

By John M. Edge
Updated: May 16, 2024
Views: 7,963
Share

Scalable vector graphics (SVG) are a type of graphic format commonly found on websites and the Internet. Scalable vector graphics are particularly well suited to use on the Internet because of their small storage size and ability to be scaled up or down in display size. Scalable vector graphics are also beneficial in web design because of their cross-platform nature.

One of the most unique features of SVG files is their scalability. Scalable vector graphics are unlike typical raster bitmap formats such as JPEG or BMP files. Vector graphics use a set of mathematical points to define the outlines and colors of an image; this is unlike bitmaps, which use pixels to define the image. This method means a vector file can be made smaller or much larger in display without the image degradation that bitmaps suffer.

Scalable vector graphics are also XML based. Their text-based nature makes SVG files indexable and searchable, and their XML base means they are easily compressed. SVG files can easily be compressed by 20 percent, which is a great benefit to preserving bandwidth in a Web setting. SVG files can handle two different types of information, presenting either text or vector graphics. This means other file formats are often used to display more detailed images, such as jpegs or gifs.

The World Wide Web Consortium (W3C) developed the scalable vector graphics format in the late 1990s. They were developed as an open system and, as such, they are royalty free. Another result of the SVG format being developed as an open system is that it is a cross-platform format. SVG files are supported across a variety of computer systems and web browsers.

The SVG format is compatible with the Microsoft® Windows® operating system, Apple® Macintosh® systems, Linux® systems, and Unix® systems. SVG files are natively supported by most modern Web browsers with one notable exception. Microsoft's Internet Explorer®, the browser included with Windows® operating systems, does not natively support SVG files. Instead, users of Internet Explorer® must have an external plug-in installed to view SVG files.

Scalable vector graphics are one example of how computer formats and software are being shaped by the importance of the Internet. Their small size, scalability, and XML base all lend themselves well to the SVG format's widespread adoption on websites and elsewhere on the Internet. Scalable vector graphics are but one of the many web-ready file systems and one of many to come.

Share
EasyTechJunkie is dedicated to providing accurate and trustworthy information. We carefully select reputable sources and employ a rigorous fact-checking process to maintain the highest standards. To learn more about our commitment to accuracy, read our editorial process.
Discussion Comments
By Markerrag — On Feb 05, 2015

@Soulfox -- I can't disagree with that, but it is hard to deny that vector graphics have gotten more complex over the years. Think back to the arcade days when some games (Asteroids, Tempest and Battlezone, to name but three) were in vector graphics. Those were high res graphics that had a distinct, "wire frame" look to them.

You got the outline of images but they were never filled in with surfaces and textures.

That has changed to where high resolutions are expected as well as surfaces and textures. One can only assume they will get more complex in the future and, with any luck, we will have one, standard graphics format for digital photos that will meet everyone's needs.

By Soulfox — On Feb 05, 2015

@Logicfest -- But there are limitations to what you can do with vector graphics. They are best for simpler designs because they are based on mathematical formulas and you can only cluster so many of those formulas together in one file.

In other words, vector graphics are great for some uses but we still need conventional PNG and JPG graphics (those are called raster graphics, by the way) for more complex images like photographs and such. Both vector and raster graphics have their uses and limitations. The best thing to do is realize the advantages and disadvantages of both and use them accordingly.

By Logicfest — On Feb 04, 2015

Vector graphics are also becoming more popular in graphics design companies all over the place. That is because you can scale them all day long without losing resolution.

Compare that to the typical PNG or JPG graphic. With those, points per inch (the pixel count) is critical and finite. All of that just means that if you have a small graphic then it will distort and become useless if blown up to big.

The solution to that problem is to make all PNG or JPG files absolutely huge or to save graphics in a smaller format where the pixel count doesn't really matter because it is recalculated as it is made larger or smaller. That, folks, is what the vector graphic does.

Why do graphics design businesses love them? They are ideal for logos and such because they are small files that can be shipped around easily but can be scaled so they look as good on a business card as they do on a billboard.

Share
https://www.easytechjunkie.com/what-are-scalable-vector-graphics.htm
Copy this link
EasyTechJunkie, in your inbox

Our latest articles, guides, and more, delivered daily.

EasyTechJunkie, in your inbox

Our latest articles, guides, and more, delivered daily.