Enter the Share Your Success Sweepstakes 2024 For the Chance to Win Great Prizes!

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

Chris-S
Administrator

Nick_S_0-1699980611472.png

 

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! 



Elevate your marketing with Constant Contact's Professional Design Services! From eye-catching email templates to custom branding and social media graphics, our professional design services are tailored to boost your business's impact and engagement.


2 REPLIES 2
EstelleJ6
Rookie

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

Chris-S
Administrator
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.


Elevate your marketing with Constant Contact's Professional Design Services! From eye-catching email templates to custom branding and social media graphics, our professional design services are tailored to boost your business's impact and engagement.


  • Avatar

    Featured Article

    Use Sections to Build Email Campaigns Faster and Improve Engagement Rates

    Using Sections while designing your marketing email not only increases your own efficiency but helps you to deliver a more friendly, organized message. Check out some of the key benefits of using sections in email.

    See Article
  • Avatar

    Featured Thread

    Casual Conversations: What's your go-to playlist?

    If you listen to music while you work, share your playlist below so we can be inspired and maybe find some new music!

    View thread
  • Avatar

    Featured Thread

    Share Your Success Sweepstakes

    Share a success story from the last year and be entered for a chance to win great prizes!

    Enter now!
Updates
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
DEC 12
Ask Us Anything: Your Digital Marketing Questions Answered
2PM - 3PM EST