Do your buttons and/or images uploaded to your campaign look blurry? You can use the vector format (.SVG) to gain in appearance quality.
This feature is only available for buttons (classic and widgets) and media images.
How to proceed?
Keep the same principle as the media upload and the addition of buttons in the platform. You will just have to reproduce your images in .SVG format. For this, you will need to use a vector creation software, such as Illustrator.
Design
Here are the steps to follow for the production and export of buttons and images:
Warning: If you have texts within your CTAs or images, they must be vectorized before being exported! Indeed, because the font used in the .SVG may be replaced if the player does not have it on the device used to play.
For that, we advise you to duplicate all your CTA and/or images in a second layer before vectorizing the texts in order to keep buttons whose texts will remain modifiable if you need to make changes.
Here is a Notice and an Illustrator Template (.Ai) explaining how to create buttons in .SVG format:
The template has two layers (editable text and vectorized text) in which the buttons are grouped and renamed.
Size of the .SVG media
Unlike .PNG .JPG etc... The .SVG format does not include pixel dimensions, so you will have to resize your buttons and images manually when importing into the platform. This will have no impact on the quality of the visuals.
To facilitate integration and resizing, we recommend that you produce visuals with a fixed height and/or width.
For resizing, use the points at the left and right ends and not those in the middle.
This will prevent the outline of your CTA or image from encroaching on a dynamic object (form field, other button, etc.):
