Before you upload your images to Airship, check out these image recommendations to ensure they’ll look great. Our recommendations are based on the type of content block you’re using in your email campaign.
Some general tips for your images
When you save images, use JPG or GIF format.
It's best to avoid overly large images, both in file size and pixel dimensions. We recommend a maximum file size of 1MB for images and ideally much smaller than this. Always remember not to upload images that are significantly wider than your content area.
If the colours are appearing off in your image there are usually two culprits
You have saved the image from the wrong Colour Mode/Profile
There are two colour profiles used in design, RGB and CMYK. CMYK is used for print and RGB is used for digital. Any images that are to be used in your email should be saved with the RGB colour profile or mode.
When uploading images into the console the best practice is to have the images as close in size to the content area as possible. You want to avoid uploading overly large images, both in file size and pixel dimensions as otherwise your image colours can be affected by the console compressing the image. For this reason you can not upload any images over 1MB. As for pixel profiles we recommend using 72 DPI which is standard for web images.
GIF’s can also cause problems due to their limited colour profile as mentioned in the topic above.
Should I be saving my image as a JPG or GIF?
Generally speaking unless the image is animated JPEG is the way to go, however there are a few exceptions to this rule which are covered below.
- JPEG is great for photographic images as a JPG can incorporate up to 16.8 million colours.
- Keeps the file size down.
- Text can appear “fuzzy” and small text can end up unreadable.
- Does not support animation.
- Text is much clearer in a GIF than a JPG, however if your image has a lot of colours it will overall look worse, a GIF can only support up to 256 colours.
- Supports animation.
- The GIF won't play in some email clients - Sometimes only the first frame is visible essentially making the GIF appear unanimated. To make sure your emails always look good, the first frame of any GIF should contain all relevant information.
- Animation can make the file size too big for the console, this happens when the animation is too long.
- The 256 colour limit can sometimes change the colours in the image when you save it.
Image dimensions for emails
Airship’s email templates are 600 pixels wide, so it’s best to size your images with that maximum width in mind.
Don’t have the correct image size? No worries! Airship lets you crop your images after you’ve uploaded them in these simple steps:
1 - Click the image block you want to use.
2 - Click Upload Image and select your asset from your computer.
3 - You will see a preview of the image.
4 - Click Edit. You will be taken to the editor where you can crop your image.
5 - Adjust the crop markers by dragging them around the image.
- Once you are happy with your selection click Crop.
- You will see a new preview of the cropped image.
- If you are happy click Done.
All of the content blocks below can be removed or duplicated within your template to give you the desired length and design of email. We’ve listed the sizes below in pixels to help you create your artwork at the correct size.
Main ‘hero image’ (full width)
600px width x any length (300px minimum).
280 x 280 px is the minimum size supported for a newsletter image. However, we recommend keeping the image width to a minimum of 600px so they have a good resolution on mobile. Because this is a square image, remember to keep the ratio 1:1 or any other combination, the biggest one being 600 x 600 px.
'Side by side' images
As with newsletter images, ‘side by side’ images have a minimum width and height of 280 x 280 pixels. We recommend keeping the image width to a minimum of 600px so they have a good resolution on mobile. Because this is a square image, remember to keep the ratio 1:1 or any other combination, the biggest one being 600 x 600 px.
If you try to upload an image that doesn’t have that ratio, simply click Edit after uploading the image and crop the image
'Side by side' image (no gap)
300 x 300 pixels is the minimum size supported for a ‘side by side’ image with no gap. Again, we recommend keeping the image width to a minimum of 600px so they have a good resolution on mobile. Because this is a square image, remember to keep the ratio 1:1 or any other combination, the biggest one being 600 x 600 px.
600px width x 300px height.
600px width x 300px height.
If you want your email to have a background image, please supply artwork to us in 9:12 aspect ratio, or roughly 1940 x 2586 px, and we'll add this to your template for you. This will ensure the background covers your emails even when populated with content blocks.
For help on how to design for email click here. If you’d like to change any aspects of your template please contact your account manager or email us at firstname.lastname@example.org.