This is how you export any layer as an image asset. Currently we support 5 different image formats for exporting images:
When it comes to high-quality images, perhaps with a transparent layer, PNG is the right pick.
WebP is a relatively new image format (2010). These days it's developed by Google.
Based on Google's measurements conversion from PNG to WebP results in a 45% reduction in file size when starting with PNGs found on the web, and a 28% reduction compared to PNGs that are recompressed with pngcrush and PNGOUT.
The WebP is powerful not only thanks to it's great compression, but also because - like PNG - it supports transparency (alpha channel).
Currently it's fully supported only in Google Chrome and Opera.
If you want to export an image as a WebP from Avocode, just double click on the layer and select WebP in the Export Assets modal.
JPEG is a lossy yet lightweight format used mostly for bitmap images (photos).
SVG is a standard format for vector shapes.
When you export a vector shape as a SVG, it will be automatically optimized with SVGO. It's a Node.js-based tool which converts SVG-as-XML data into SVG-as-JS AST representation. The result? Lightweight vector shape file made only from the actual curves, no extra stuff like the editor metadata.
Base64 can be used to represent file contents. For instance, background images and fonts can be specified in a CSS stylesheet file as
data: URIs, instead of being supplied in separate files.
Right-click on a layer and select Export to Base64. the entire Base64 code will be copied to your clipboard, so you can just paste it where you need it.