How Do I Embed an SVG File Into My Website?
Who Is This Article For?
This article is for any client looking to add an SVG file to their website pages.
What Is an SVG File?
An SVG (Scalable Vector Graphic) file is a standard graphics file type used for rendering two-dimensional images on the internet. SVG files are ideal for logos, icons, and graphics that need to scale without losing quality.
How Do I Embed an SVG File?
Option 1: Embed SVG Using Raw HTML
- Go to Website > Pages > All Pages and select the page where you want to add the SVG file.
- Use the Raw HTML widget to paste the contents of your SVG file directly into the text area, then save your changes.
Option 2: Convert SVG to JPG or PNG
- Convert your SVG file to a JPG or PNG using a free online tool such as https://svgtopng.com/.
- Once the file is converted, add it to your page using the Single Image widget, just as you would with any other image file.
Both methods allow you to display your graphics on your website. Choose the option that best fits your needs and technical comfort level.