Flexitive supports JPG, PNG, SVG and GIF image formats. The image formats you choose to use will depend on each image and the limitations of file size for your project.
To upload an image to Flexitive, open the Assets panel and click on the Upload tab. To upload image assets, click on 'Browse' and select the images you'd like to upload to your Flexitive project.
Below are some tips for how optimize your image assets to have the lowest possible file size for your exported projects.
General Recommendations for Images
One of the most common causes of a larger file size is using transparency in the image. Sometimes using transparency is unavoidable, but it does significantly increase the file size of images and should be avoided where possible.
Some recommendations of how to limit your use of transparency are:
- If your assets will not be layered over each other or they sit on a solid colour background, make sure to save them with the background colour inside the image.
- If you have a pattern background that won’t look odd if it repeats in an unpredictable position, such as a grass field, then save the background pattern with your asset.
- If the asset must have transparency, consider if the transparency around the asset needs to blend with various background colours, or if you can get away with adding a matte around it to reduce the file-size. If this is possible, you should do so using a PNG-8 rather than a PNG-24.
In addition to carefully considering transparency with images, it can be helpful to consider whether or not an image is required for an asset at all. In Flexitive, you can always use Shapes or Text to reduce file size.
JPG images are often times the best option for uploads in any scenario where you are not using a transparent image, and will compress better than any other image format on export. Because of this, we generally recommend that this image format is used for any large images in your project such as a background image, but we typically recommend against using a JPG for any images that require fine details, such as a company logo.
Wherever possible, it is recommended that you use a JPG image in Flexitive.
PNG Images are the best option for images where transparency is required. PNG images are compressed less than JPG images when they are exported, but offer better compression than SVGs.
SVG Images are the best option for uploading vector shapes, illustrations and text as they offer infinite scaling without loss of quality, and are uncompressed when exported from Flexitive. However, this does mean that you will need to be aware of file size when using SVGs.
GIFs allow for animated image assets in Flexitive. However, they are also the largest image in regards to file size and are not compressed on export. It is important to be aware of your file size limitations when using a GIF in your design.