Pictures - FAQ
In this article, we will address frequently asked questions about images and the image bank. If you can't find answers to your questions, please contact firstname.lastname@example.org
We will go through the following:
- What is the image bank and how do I use it?
- Which fonts and image formats are accepted in Rule?
- How do I get my image URL?
- What file formats are accepted in Rule?
- Insert company logo
- If I delete an image from the image bank, will mailings with that image be affected?
- Why do images get uneven in height when you drag images from a Web page?
- What does ALT text mean?
1. What is the image bank and how do I use it?
An image bank in Rule is a section where you can save images and create catalogs. You can access the image bank via the main menu and in the mail builder.
- Via The Image Bank In Rule you can choose to upload files without using them directly. The image is then added to the image bank's library where you can also create and manage folders according to your needs.
2. Which fonts and image formats are accepted in Rule?
A good thing to remember is that not all email clients support all types of fonts. When working in the Rule app in the campaign editor, a fallback/web-safe font is always shown and to see the external font (the optional font).
- You can add any font of your choice to your templates.
- However, it is important to know that there is limited support for non-web safe fonts. Only "regular" web fonts like Times New Roman, Arial and Verdana are fully supported in text. Read more about what counts as web safe fonts here.
- It is possible to use external fonts such as Google Fonts but the support is not 100% so in some clients such as Gmail and Outlook it will show a fall-back font that is web-safe. We therefore need you to attach the external font you want to use in the template and specify which fall-back font you want to be displayed in case of non-support.
Image format and size
Image formats for graphics that can be used in Rule are: JPG, PNG, GIF.
- The maximum height for images is 2000 px. Over this, the image is cropped.
- In order for the image to be responsive/high resolution on a retina display, it needs to be saved in the dual file format. For example, if you want an image to be 200 px wide in the newsletter, you should save (or crop) it to 400 px wide.
- The image must not be larger than 2 Mb. Preferably less! Please compress the image, you can for example use animately.co to reduce the size of animated GIFs
- It is worth mentioning that by double-clicking on the image block, you will be taken to Image Properties where you can enter the URL for an animated image file larger than 2 Mb. Since the email "streams" the image from an external URL instead of directly in the email, there is no size limit.
- We support moving images in mailings and we support image formats such as: *.gif, *.png, *.jpg
3. How do I get my image URL?
Sometimes you need the link to your picture. Including when to insert a picture into the Gmail Promotions Tab. And here we explain how to find an image URL in Rule.
1. Go to a slide block in a campaign where the image is the one you want the URL to:
2. Double click on the image and the edit box will appear. In it, you can find the URL that you are looking for and that you can copy:
4. What file formats are accepted in Rule?
Accepted file formats for importing members are: XLS and CSV.
File formats for graphics that can be used in campaigns are: JPG, PNG, GIF.
Mail as format does not support video playback. Our tip is to link the video. You can then put the first picture from the video in the letter, with a link to the video in, for example, Youtube. Learn more about managing video in newsletters in vår blogg.
5. Insert company logo
To add the company logo, for example, at the top of your newsletter, click the block you want at the top of the template. If the template you're working in doesn't have the desired block, choose to insert a block.
- To insert a block, select the desired block from the right side, for example "3. Image Column" and drag the block to the desired position.
- You then drag the image File/logo into the desired block. If you want to change the size of the logo, double-click on the logo and then you can easily enter the desired dimensions.
6. If I delete an image from the image bank, will mailings with that image be affected?
No, Rule does not delete any data so previous mailings with the image itself will not be affected. If you choose to remove images from Bildbanken, previous campaigns will not be affected by this.
7. Why do images become uneven in height when dragging images from a web page?'
When different images are pulled in from a webpage to different blocks that are next to each other (for example, 3 column blocks), the images may be different in height, causing the layout to be uneven and text sections falling higher or further down from each other.
This is because the images are of different size in the Web page, which then results in the height will not always be equal. To smooth the images in the blocks, follow the information below.
- Here we can see that the right image has higher altitude than the other two. We can then double click on the image that represents the height we want all images to be set to:
- By double-clicking, you open a view where you can see the image properties. Here, for example, we can see that the measure is set is 200 in width and 145 in height:
- Then double click on the other images and change to the desired height so that all the pictures next to each other are matched. Results:
8. What is meant by ALT text?
Sometimes email images are not rendered correctly. This is especially the case on narrow screens such as mobile phones and tablets. With an ALT text that briefly describes each image, you can at least convey the idea behind the image to those who cannot see the image. Another positive attribute of using ALT text on images is that it increases deliverability and reduces the chance of an email ending up in spam, especially for Gmail. It is definitely worth spending some extra time filling in this field when working with images in the Rule content editor.
To add alternative text to images:
- Double-click on the image block you want to add alt text to and in the field where it says alternative text, change the text to any text and remove the Image that is in the field by default.