Pros and cons of SVG files.
It’s worth researching SVG advantages and disadvantages before saving your images in this file format.
Advantages of SVG files.
- Unlike raster files, which are made up of pixels, vector graphics like SVGs always maintain their resolution — no matter how large or small you make them. You don’t have to worry about SVG images losing their quality in certain browsers or when you resize them to appear in different places.
- Basic SVG files are often smaller than raster images, which are built from lots of colored pixels rather than using mathematical algorithms.
- Because SVG files treat text as text (and not as design), screen readers can scan any words contained in SVG images. This is very useful for people who need help reading webpages. Search engines can also read and index SVG image text.
Disadvantages of SVG files.
- SVG files are great for web graphics like logos, illustrations, and charts. But their lack of pixels makes displaying high-quality digital photos difficult. JPEG files are generally better for detailed photographs.
- Only modern browsers can support SVG images. You may find it a challenge to use SVG files with Internet Explorer 8 and other older browsers.
- The code contained in SVG images can be hard to understand if you’re new to its file format.
How to open an SVG file.
From Chrome and Edge to Safari and Firefox, all the major browsers allow you to open SVG files these days — whether you’re on a Mac or Windows. Just launch your browser and click on File > Open to choose the file you want to view. It’ll then be displayed in your browser.
Opening an SVG image with a built-in program on your computer is just as easy. Double-click the file name and you’ll get a list of programs that will open it — or it’ll automatically open in a compatible program.
How to create and edit an SVG file.
Follow these steps when using Adobe Photoshop:
- Once you’ve put together an image in Photoshop, click on File > Export > Export As.
- Click on the Format drop-down menu within the box that appears and then select SVG.
- Select Export All and save the file.
A helpful note: since Photoshop is a raster graphics editor, many people prefer to create and edit SVG files in Adobe Illustrator, a vector graphics editor.
SVG files: frequently asked questions.