Making your images look great is a goal.
The RealtyZapp app tries its best to size and crop your images for you so they really pop. As you know, we recommend certain image sizes and aspect ratios wherever possible. For example, in property listings, it suggested that you upload images that are 3x2 aspect ratio and if that is not the case, the app crops the image when displaying it.
Well, in the email template designer, you have more artistic freedoms when it comes to images. The blocks that include images typically allow you resize and/or crop the images. We go about this a bit different than you might have seen in other systems.
This cropping approach has its pros and cons depending on your expectations. The pros include...
- Images that are alluring. A partial or cropped image promotes interest or curiosity to see more. It is a proven technique.
- Uniform images that are not stretched or skewed.
- Easy to use and will not goof up the layout of other elements.
- Responsive meaning looks good on different sized displays e.g. phones.
Some cons include...
- Cropping of images like logos in most cases is not desired. In that case, choose to place your logo in a block that is designed to size the image correctly. More about that below.
- Some images, when cropped cut off important elements of the image. Our cropping uses simple center of gravity to crop meaning it typically crops from the middle of the image. If you can't achieve the desired result then you may want to edit the image outside of RealtyZapp and import it as a new image.
Here are some tips and tricks...
For logos or other images that you do not want to crop, there are ways to get the image to look great. Let's take a logo for example. When using a logo, you can adjust the height of the image box until the logo fits, Increase or decrease the height using the resizers or the width and height properties.
For full width images like logos and banner images you can use the Image block. Then resize the height until the image fits exactly within the box.
Uploading images. You can choose to use an existing image or you can upload a new image to use and it will added to your gallery of images. Try to upload images that are at least 600px wide and of good quality.
Stagger the images when possible. For example, alternate the images from left to right and their sizes for a nice visual effect.
Related Articles
RZ Designer - Tour waypoint #3
Our final stop but not the final destination On our final stop of this tour, we will visit the designer's canvas and perhaps even create a work of art. Canvas Are you are staring at your designer's canvas right now? Did you start with a template from ...
RZ Designer - Tour waypoint #2
On our second stop On this second stop of our tour of RZ Designer, we will see what goes on with that right sidebar and its buttons and panels. Sidebar panels At the top of the right sidebar are four buttons. When each button is selected, the ...
RZ Designer - Tour
RZ Designer is our drag-n-drop, WYSIWYG builder. With RZ Designer, you can build responsive HTML emails, PDF Flyers, and fully functional Web Pages. RZ Designer is employed in two of your Dashboard modules - Designs and Blasts. Let us assume you have ...
RZ Designer - Export/Import
Export/Import - What for? We can think of couple reasons why but you can probably image many more. You can export your RZ Design in several different formats. Typically your intentions are to use the code somewhere other than ReatlyZapp. We try ...
RZ Designer - Style of things
Style Makes Things Beautiful All things in RZ Designer have style but maybe you want to be even more stylish. The notion of teaching someone everything about styling is sort of like trying to eat an elephant. But like the saying goes, take one bite ...