Constant Tips: Perfectly Resize Your Images for Desktop and Mobile Viewing




Every Tuesday we'll share tips, tricks, and insights on using Constant Contact and online marketing


Resizing Images


Ever wondered how to make sure your email images look just as stunning on desktop and mobile devices? We've got you covered with a quick design tip for resizing images seamlessly. Here is how you can optimize your images for both platforms:


1. Resize an Image for Optimal Display on Desktop:

  • Hover over the image in your email.
  • Click the arrows in the lower right-hand corner.
  • Drag the corner out to increase the size or in to decrease it.

2. Set Image Dimensions for Mobile Viewing:

  • Click on the image, then click "Replace."
  • Click "Edit" and then the Transform icon.
  • Check "Lock Resolution" and set the width to less than 480 pixels.
  • Hit Enter to auto-update the height.
  • Click "Export" and then "Insert."

Preview Your Mobile-Friendly Image:

  • Click on Preview & Test > Preview.
  • Select the Mobile tab.
  • Make sure your image looks just right on a mobile device.

Ready to make your images shine on every device? Give it a try and let us know how it goes! 

Exciting news! Announcing our latest offering, Campaign Builder. Create stunning email campaigns effortlessly and efficiently with our intuitive tool!


Hi thanks.  When I do this (set it at 200 px) , the image then looks fuzzy on desktop.  What am I doing wrong?

0 Votes

Hi, @EstelleJ6 


Welcome to the community. We're thrilled to have you here. 🙂


If your image appears fuzzy on desktop after setting it to 200 pixels for optimal mobile viewing, the issue may be related to the resolution of the image. When you resize an image to a smaller dimension, it may lose clarity and appear fuzzy if the original resolution is not high enough.

Here are a few suggestions to address this issue:
  1. Start with a High-Resolution Image: Begin with an image that has a high resolution. This provides more detail and clarity, even when the image is resized for smaller screens.
  2. Maintain Aspect Ratio: When resizing an image, make sure to maintain the aspect ratio (the proportional relationship between the width and height). This prevents distortion and ensures the image looks good on both desktop and mobile.
  3. Check Compression Settings: If you're exporting or saving the image after resizing, ensure that the compression settings are not too aggressive. High compression can lead to a loss of image quality.
  4. Test Different Resolutions: Experiment with different resolutions for mobile viewing until you find a balance between file size and image quality that works well for both desktop and mobile devices.

Exciting news! Announcing our latest offering, Campaign Builder. Create stunning email campaigns effortlessly and efficiently with our intuitive tool!

Just Getting Started?

We’re here to help you grow. With how-to tutorials, courses, getting-started guides, videos and step-by-step instructions to start and succeed with Constant Contact.

Start Here

73% of SMBs express doubt that their marketing strategy is effective. Does this sound familiar? Read our Small Business Now Report to learn how you can tweak your strategy to see better results.

Go read our article
Upcoming Webinars
Aug 07
Constant Contact Community Walkthrough and Demo
2:00 PM - 3:00 PM EST
Jul 25
Webinar: Master Your Digital Marketing Metrics
2:00 PM - 3:00 PM EST