Scalable Vector Graphics (SVG) is a widely used file format for creating vector images on the web. SVG files are popular due to their scalability, flexibility, and ability to maintain quality across various screen sizes. Adhering to specific requirements is crucial to ensure a smooth experience when working with SVG files. This guide outlines the key requirements for uploading SVG files to help you use them effectively.
- The file must be saved or exported with an SVG Profile of SVG 1.0, 1.1, or 1.2.
- For the best experience, we recommend the default export profile of Adobe Illustrator (SVG 1.1).
- Use 'Presentation Attributes' styling to enable further in-app editing, like changing the color of shapes.
- All strokes, paths, and text boxes should be expanded (Select your artwork > Object > Expand).
- Shapes with the same color will be edited together.
- Ensure you use no more than 12 colors in your SVG to maintain all the editing options.
- We recommend using an SVG with a max-width/height of 1000px.
- Remove all unnecessary layers, stray anchor points, and invisible objects.
- Avoid using textures, images, gradients, or fonts in your SVG.
- Avoid using compressed SVG or SVGZ files.
- Avoid using Internal CSS styling.
If you need more information about this topic, you can check the image below for a more in-depth understanding of the options for saving SVG files.