Do you know about SVGs?
Here’s your quick primer if you need a refresh:
SVG is a language for describing two-dimensional graphics in XML [XML10]. SVG allows for three types of graphic objects: vector graphic shapes (e.g., paths consisting of straight lines and curves), images and text.
Graphical objects can be grouped, styled, transformed and composited into previously rendered objects.
The feature set includes nested transformations, clipping paths, alpha masks, filter effects and template objects.
What happens, in a nutshell, is that you can begin to work with graphics in ways that have been previously difficult or impossible to do.
For example, automatically scaling an image without affecting the quality of the image is important, especially with responsive layouts and design, retina-based and hi-definition screens.
You may have first heard about SVGs in terms of the new MP6 plugin which is an attempt to redesign the admin – one focus were the icons which are being replaced into the SVG format, instead of the previous PNG.
Well, Dominik Schilling has made an SVG version of the WordPress logo for your own use as well – check it out:
With the SVG version you can have that scalable and loss-less quality for any of your own uses. You can read more about Dominiks’ thoughts here.
1 Comment