How to Resize Images Under the Image Editor

How to Resize Images Under the Image Editor

Quick Steps

  1. Click the Edit link to go to the Email Editor. Remove the sample image by clicking the trash can icon under the Layers window.
  2. Click the Open button, choose the option Upload From Computer, and upload your selected image.
  3. Click the Resize option from the sidebar, and change the image's height to be 285 px (height will change depending on what image you're replacing). Click the "Resize" button when you're done.
  4. Click the Crop option, change the width and height of the cropping area (like 285 x 285 px), and click the "Crop" button.
  5. Click the "Save" button, and your resized image will replace the sample image.

Tutorial Guide

In this tutorial, we will go over how you can resize images using Image Editor to make sure that they can fit some of the smaller placeholder image dimensions.

Usually, when you upload an image to an email template, it will automatically be cropped and resized to fit the Splash image’s size constraints. However, when you try to replace some of the smaller splash images, their cropping and resizing can be a little off.

By using the Image Editor to resize and crop the small splash image, you can easily avoid this issue, and ensure that your photo is perfectly centered.

Step 1 - Click Edit

Instead of clicking the "Replace" button, click the Edit link to be taken to the Image Editor. The sample image will appear in the editing area, but it will be removed by clicking the trash can icon under the Layers window.

Step 2 - Upload Image

Click the "Open" button, and if your selected image is on your desktop, select the option Upload From Computer. Once you find your image and click “Open,” your image will automatically upload into the editing area.

Step 3 - Resize Image

Now that we have our image that will replace the Featured Image Small placeholder, select the Resize option and change the image’s height to be 285 (the width right now is not important). Make sure that the checkbox next to “Maintain Aspect Ratio” is checked, and click the "Resize" button once you are done.

Step 4 - Crop Image

Select the Crop option on the left side of the Image Editor, which will cause a crop tool to appear, as well as a window displaying the tool’s width and height. Make sure that the width and height of the crop tool is 285 x 285, and center it against the image. Click the  "Crop" button to make the final change to your image.

Step 5 - Save Changes

Click the "Save" button on the top right corner of the window, and you will automatically exit the Image Editor. Your edited image will also replace the email’s placeholder image.

That covers how you can easily edit an image to fit the smaller-sized placeholder images.
    • Related Articles

    • Overview : hyMail Email Editor

      Concept Summary You can access the Email Editor by clicking the "Design" button over an already-created email. The Email Navigation Bar displays the five steps you will need to take when creating and sending out your email: Email Body, Email Header, ...
    • How to Upload an Image from your Computer, Dropbox, Google Drive, or Web URL

      Quick Steps You can upload images under the Email Editor when replacing placeholder images or under your hyMail's Media page. Upload an image from your computer by either dragging and dropping the image or clicking the "Browse Files" button. If you ...
    • How to Send your First Email Using hyMail

      Context In this tutorial, we will go over how you can create an Email eBlast that can be easily sent out to your contacts. Step 1 - Navigate to hyMail Under your sub-org, go to hyMail. Step 2 - Select the Template  You can choose to edit the existing ...
    • Overview : hyMail

      Concept Summary Clicking on hyMail's App Dropdown will display a sidebar with the sub-apps: My Emails, Sub-Org Templates, Org Templates, Templates, Media, Report, Settings - hyMail, Settings - hyBlast, and Settings hyALM. Create all of your ...
    • Overview : The Anatomy of a Hyly.AI Email

      Concept Summary A email template is made up of slices. These slices can be duplicated or moved to easily customize the email's structure. Email slices are where you will place copy and images and make edits when you are creating an email ...