What is an SVG file? How to upload an SVG file to your website

What is an SVG file?
How to upload an SVG file to your website?
How to download/export an image to an SVG file?  

What is an SVG file?

Scalable Vector Graphics, abbreviated as SVG, offers the best image quality. Unlike formats like PNG or JPG, SVG files maintain their crispness and detail regardless of zoom level. SVG files are commonly used for icons, animations, and logos. We would not recommend using graphical images and illustrations for an SVG, as these images tend to not work best for this file type. 

How to upload an SVG file to your website?

You can upload an SVG file only through the picture block feature.  

1. Go to your Rocketspark Dashboard and add a new picture block
2. Upload the SVG file saved to your device, and resize it easily through the picture block editor. 

How to download/export an image to an SVG file?

Pre-made SVGs

You can find pre-made SVGs on various icon or graphic library websites. Just download and upload it into your Rocketspark dashboard via a new picture block. Below are a few free library resources: 

• https://www.freepik.com/free-photos-vectors/free-svg 
• https://pixelied.com/svg 
• https://www.creativefabrica.com/freebies/free-crafts/ 

Design Software

If you have design software like Adobe Illustrator, you can simply design an image and export it as an SVG file. 

Convert an existing JPG file to an SVG file. 

If you do not have design software and have an existing image saved as a JPG, you can still export this to an SVG but it involves a process called vectorization. This process usually involves tracing the contours and shapes of the JPG image to create a vector.

*Keep in mind that the quality of the conversion depends on the complexity of the image. We would not recommend converting graphical images, gradients, etc. An SVG file conversion should only be used for logos and icon-style illustrations. 

Method.1: Free Online Converter

1. Visit an Online Converter: There are several online tools that offer free JPG to SVG conversion. One such tool is "Online Convert." Go to Online Convert's Image to SVG Converter.

2. Upload Your JPG File: Click on the "Choose File" button and upload your JPG image.

3. Adjust Settings (If Available): Check if there are options to modify settings and adjust as needed.

4. Start Conversion: Once your settings are in place, click on the "start"

5. Download the SVG File: After the conversion is complete, you should be able to download the SVG file.
   
   

Method.2: Inkscape (Free Software)

1. Download and Install Inkscape: Inkscape is a free, open-source vector graphics editor. Download and install it from Inkscape's official website.

2. Open Your JPG File in Inkscape: Open Inkscape and import your JPG image using the "File" menu.

3. Trace the Image: Select your image, then go to "Path" > "Trace Bitmap." Adjust settings to your preference, and click "OK" to trace the image.

4. Edit and Refine (If Needed): The traced image may need some refinement. Use Inkscape's editing tools to adjust and clean up the vector paths.

5. Save as SVG: Once satisfied, save the file in SVG format by going to "File" > "Save As" and choosing SVG as the format.

If you have any questions, please contact support@rocketspark.com