SVG
SVG (noun) means an image format that stores a picture as a set of shapes, lines and text described in code rather than as a grid of pixels, so it stays sharp at any size. Example: “The icons are all SVGs, so they look crisp on a phone and on a huge monitor alike.”
How to Use SVG
Learner’s notesIn plain EnglishAn image built from shapes instead of dots, so it never goes blurry when you make it bigger.
Common in web design and development; less familiar to general users. Written in capitals.
SVG is spelled out letter by letter. The plural is SVGs, with no apostrophe.
Trace the full origin ↓Fill the Gap
Can you complete this real example?
The icons are all _____, so they look crisp on a phone and on a huge monitor alike.
Etymology
An initialism of Scalable Vector Graphics.
Synonyms
View more →Antonyms
Related Words
Frequently Asked Questions
What is the difference between SVG and PNG?
A PNG is a grid of coloured pixels, so enlarging it past its native size makes it blurry or blocky. An SVG describes shapes mathematically, so it can be drawn at any size without losing sharpness. PNG suits photographs and complex images; SVG suits logos, icons and diagrams.
Can a photograph be saved as an SVG?
Not usefully. SVG describes shapes and paths, and a photograph is millions of individual pixel colours with no clean shapes to describe. A photograph can be embedded inside an SVG file, but that simply wraps the pixel image and gains none of the scaling benefit.
Why can an SVG be opened in a text editor?
Because an SVG file is written in XML, a text-based markup format. The file is readable code describing each shape, which is also why SVGs can be styled with CSS and changed by scripts on a web page.