SVG Graphics Creation Guidelines for inkXE

This guide will help you understand how to create SVG graphics for inkXE – HTML5 Product Design Tool. Please follow the steps below, and if you still have any difficulty, then contact us. The following guideline is in reference to CorelDraw and inkScape (opensource). You are free to choose any other similar software of your choice.

A proper SVG format should look like this when you open the svg file in a text editor like notepad, sublime etc.

Coreldraw:

– The document size should be 200*200 pixels – Please make sure that you do not have any stroke paths. If you have strokes, you have to convert them into paths (‘Object’ > ‘Convert outline to objects’ or CTRL+SHFT+Q) – If you have texts in your graphics, you will have to convert it to curves (‘Object’ > ‘Convert to curves’ or CTRL+Q) – Different colors of a graphics have to be separate objects. – Do not group the objects. – If you have multiple objects of same color, first select all the objects of same color. Then weld the selected objects (Object > Shaping > Weld) – Embedding images in the graphics will not work. – For images, you have to export them as JPEG or PNG. You can directly upload them in the admin. – See below for Corel Draw SVG export option.

Inkscape (opensource):

– The document size should be 200*200 pixels – Please make sure that you do not have any stroke paths. If you have strokes, you have to convert them into paths (‘Path’ > ‘Stroke to Path’ or CTRL+ALT+C) – If you have texts in your graphics, you will have to convert them to curves (‘Path’ > ‘Object to Path’ or SHFT+CTRL+C) – Different colors of a graphics have to be separate objects. – Do not group the objects. – If you have multiple objects of same color, first select all the objects of same color. Then do union of the selected objects (Path > Union or CTRL++). – Embedding images in the graphics will not work. – For images, you have to export them as JPEG or PNG. You can directly upload them in the admin. – See below for inkscape SVG export option. You can export as optimized SVG.