Back to Help
Topics

Import PNG, JPG and SVG

Drag and drop images in Vecta's editor

Vecta supports importing images with these file extensions (.JPG, .PNG, .GIF and .SVG) into the editor. Simply drag and drop the image into the canvas to import it in. Only 1 image is allowed at a time. Imported images can be moved, resized and rotated, similar to how you affect a Vecta shape. Resizing the shape does not change the image's original size.

Once dropped, a notification will pop up at the bottom right of your editor to inform that Vecta is uploading the imported image to the image bucket. You can start using the imported image while it is being uploaded in the background. The speed of the upload is affected by your bandwidth and size image. Do not close your browser during this process because it will stop the upload. You can close your browser once a notification pops up to inform of the upload completion.

Drop an image, and a notification will pop up to inform of the upload process. Another notification will appear once the upload is complete.
Drop an image, and a notification will pop up to inform of the upload process. Another notification will appear once the upload is complete.

The steps above are applicable only to rasterized images. SVG images are treated differently.

Converting SVG image to native shape

Dropped SVG images are not uploaded to the image bucket but instead, is converted into a native Vecta shape. There are 2 types of conversion by Vecta;

  • A Vecta shape comprising of groups of SVG paths.
  • A Vecta shape of the dropped SVG content.

Vecta only converts the SVG into groups of SVG paths if every element in the SVG is convertible by Vecta. Otherwise, the SVG content is preserved as it is in the native shape. You can move or resize both converted SVG, but you may or may not be able to style the latter.

A fully converted SVG makes it easy for Vecta to set the styling.
A fully converted SVG makes it easy for Vecta to set the styling.
Last updated July 31, 2018