Retina displays have a higher pixel density compared to regular displays (twice the width and height). To achieve a Retina-type visual quality, you can assign an image asset that is twice the size (2x image) to a regular (1x) placement (for example, 600x1200px image to a 300x600px placement).
However, you can create a standalone HTML workspace if a custom script needs to be appended to an ad, and it can only be done on HTML ads.
The Sizmek Ad Suite (SAS)-friendly Retina template contains the necessary click-tracking code (including the click-through API); you add the image assets to be made into a Workspace.
In the template, delete the two existing example images under the Images folder.
For your assets, use image editing software to shrink the source, 2x asset to half the size.
The result is two assets, a 600x500 “main 2x”, and a 300x250, which is used as the Default image.
Note: To build our ad as a Standard Banner, both image assets must be under 200KB total.
Copy these two images into the Images folder of the template.
index.htmlfile and make sure our
<img>definition specifies the 2x image:
Note: The file extension is important. Verify that the
<img>definition and the main image have the exact same file name and extension.
Zip and upload the template to SAS as any other Workspace.
While creating an ad, assign the Workspace as usual, but for the Default image, select the 300x250 asset in the Images folder:
Save the ad.
The HTML ad includes a 600x500 image used as a main asset (set to 300x250 through our CSS code), and a 300x250 asset assigned as a Default image (setting our ad's dimensions to 300x250). You can preview and inspect your ad to verify that the dimensions are correct, and that the 2x image (600x500) is being served into a 300x250
div, making this a Retina ad:
Although the most commonly used Retina ad has dimensions of 300x250, you can modify the template as required to create virtually any dimension.
In the styles folder, open the
Edit the width and height settings for the following elements:
Set these values to match the intended placements' dimensions. The default image must match these values; the main image (Retina) assets can be 2x (or 3x) larger.
Note: Since an additional default asset adds to the total K weight, it may be difficult to keep larger assets under 200KB and retain their visual quality. If your assets are large, we recommend to build a Rich Media Banner ad. For more information, See About Rich Media Banner.