#Drupal icon full#

Due to the full support by different web browsers the format can also be changed using CSS or made interactive with JavaScript. You will often find SVG used for the icons in social media buttons or other page navigation. Also, it's impossible to read part of the image, so cropping and other reshaping tools become difficult or impossible.ĭue to the small file size and the relative simplicity of the images, SVGs are commonly used for logos. As each part of the image needs to be described by XML it's not feasible to display photographs using the format the number of XML elements tends to grow quite large and causes the image size to balloon. The following shows an image (taken from Wikipedia) opened in a text editor and image viewer. This is in contrast to raster-based image formats that usually need to grow immensely to be rendered at larger resolutions.Īs the SVG image is created using XML, it can be opened in either a text editor, image in a web browser or image editing software. Because the image is described essentially mathematically, the image looks the same at any resolution and can be scaled up without causing pixelation. Meaning, the file size of SVG images is usually much lower than other image formats. Unlike image formats like jpeg or png that use pixel information to describe what an image contains (called raster images), an SVG uses XML elements to describe the shapes and colours that should make up the image. The format was developed in 1999 and has support across all web browsers. SVG (or Scalable Vector Graphics) is a type of image format defined using text in the form of XML.