Layout blocks is our patent-pending technology that gives you more creative freedom when it comes to designing your emails. The vast majority of the layout blocks comes with an image placeholder and a text area. But you can also pick the layout with text only, or select an image collage.
A frequently asked question that we get here at Flodesk is about the size of the images used in the Layout blocks.
What is the best image size to fit into a Layout block perfectly?
As we have several different Layout blocks and some even come with additional options—like adding a square-shaped image or a portrait-oriented one as shown in the example below—there's no one-size that fits all the available blocks.
The best approach is to look at the image placeholder and to use an image with a similar aspect ratio.
If the placeholder image in the Layout block is a square, that is an aspect ratio of 1:1, then any square image would do. The only thing you need to keep in mind is to upload an image that is less than 2,000 pixels in each dimension.
Circle-shaped image placeholders are square images with an overlay. So once again, any image with a 1:1 aspect ratio should fit this scenario.
If your chosen layout block has a portrait or landscape-oriented image placeholder, and you want to measure its approximate size, do the following.
Step 1. Add the layout block to your email.
Step 2. Use a screenshot taking app and capture a specific area of your screen, making a selection around the edges of the image.
Step 3. Save this screenshot as an image file to your computer.
Step 4. Locate the image on your computer, right-click it, and if you're on a Mac select the Get info option. It will tell you the image dimensions in pixels. On a PC after the right-click choose Properties > Details to see the image size in pixels.
Let's sum it up
When selecting images for the layout blocks, try to use images that are the same or similar aspect ratio than the placeholder image.
You can measure the size of the placeholder image by capturing a targeted selection of your screen—the image—and checking the image properties after saving it to your laptop.
More to learn:
We'd love to hear about your recent experience when searching for solutions to issues in the Flodesk Help Center (Knowledge Base). With your feedback, we can improve our knowledge base with new and better ways to help you succeed!
Please do not submit support tickets and feature requests via this feedback form.
If you need technical assistance, please submit a support ticket via email at firstname.lastname@example.org mentioning your Flodesk account login email with a detailed description of your problem.
Do you have an idea for a feature that will help improve Flodesk for you and other members? Our Product team would love to hear from you.