When working with digital files there is always a trade-off between file size and quality. If you're struggling to export your banners in the best possible quality but still preserve file size under a certain value, you might want to check these tips we have for you:
1. Avoid using large images when not needed
The biggest impact on the final HTML export is related to the images you upload so we recommend optimizing images prior to importing them in our platform. It is best to upload images that you crop to the area of interest and at the dimension of the banner at most.
2. Use SVG files instead of classic JPG or PNG files for logos
If possible use SVG files for all your logos, they scale to any size and are much lighter in the final banner export as well, you can find a guide with our requirements for the SVG files here.
3. Increase or decrease quality of your image using the quality slider:
If you're exporting the banner in HTML format and you're using JPGs then make sure to increase the quality to 100% for best results and if you are above limit work your way down from there.
4. Choose the right format for your use and view it the correct way
JPG images are lower quality but use up less space, PNGs on the other hand look more sharp at the expense of a few more Kilobytes. Even if your banner looks great in the online preview, the downloaded one won't look well unless you're viewing it at actual size.
For images, MP4 and GIFs files we recommend using your operating system built in photo and video viewer. For HTML5 and AMP banners we recommend using Chrome or any well known web browser, but please note that these formats are responsive so they will scale to the width or height of your browser window depending on their aspect ratio. You can easily make them non-responsive and view them at their original size by using this guide.
General image guideline uses:
SVG - best for vector images and logos, scales well to large size, smaller file size than images
GIF - best for simple animation loops
JPG - best for fullcolor images
PNG - best for fullcolor images with transparency