Prevent automatic image sizing on mobile view

[JasonE235]

Please undo the automatic resizing/expanding of images in the mobile version. It was working fine before. We prefer to have control over whether the image stretches to the width of the page or not. Some images look terrible expanded, taking up 2/3 of the screen and rendering the text less significant.

[JasonE235]

We're updating the status of this idea to more accurately reflect its current status with our engineering team and also made slight changes to the subject line in order for it to be more easily found. We do not have any updates to share surrounding any changes to how images display on mobile devices but you can resize your larger images to appear smaller:

To resize an image:

• Open the image editor
• Select the Transform tool on the upper left
• Check the checkbox marked Lock Resolution, on the lower left
• Set the width to a smaller number, such as 200
• Hit the Tab key on the keyboard. The Height number will change in response, to resize the image while keeping the original dimensions

There is also a Knowledge Base article that includes a visual walkthrough on resizing images for mobile devices.

[KathyG22]

Is there any way that my design elements could maintain the proportions among the elements in the desktop and mobile views? I compose my emails using PNG files that I've designed outside of CC. When I load them in and size them to look like I want in the desktop view, they don't maintain those same proportions in the mobile view. Likewise, if I size them to look right in the mobile view, they are not pleasing in the desktop view. 

I really like using CC and am working to learn how to best use it to market my Etsy shops. 

This morning I used your chat feature to chat with one of your reps. I wanted to see why my custom date fields did not show up as options in the advanced search drop down menu. They said that there wasn't room for them to show up but my custom text fields did show up as options. So, that's something else I would like to see addressed.

Again, I really appreciate your service and enjoy using it.

Kathy

[Candace_M]

@KathyG22,

What format are you trying to accomplish? Images are set to stack on mobile and will size themselves to fit the width of the mobile device. Are you trying to make it so your images are just smaller or are you looking to have them appear side by side on a mobile device?

[KarynP0]

UPDATE to my original comment:

I just figured this out; was having same issue. Use CC photo editor and resize to 150w (be sure you lock resolution first). When I viewed the image in mobile view after doing this, it was smaller with a nice amount of white space on either side.

Original comment:

Totally agree! For example, I have a getting to know us section with a headshot next to the text about the person. Looks great in desktop view; then in mobile view the person's head is ginormous. Looks bad--would like to have the headshot and/or other images not resize to fit the moble screen.

[Frankie_P]

Hi @KarynP0 thank you for sharing this update! We hope it is helpful for others as well. Another workaround we suggest resizing images to be smaller outside of Constant Contact and upload this more manageable size into your Library. We have seen cases where images that are 150-200 px wide tend to display best on mobile devices.

[TommyT80]

In the old days, I would choose to use your non-mobile friendly templates, because the mobile ones look awful on most email platforms, especially outlook. This is no longer an option in your program.

Images are resized to look good on mobile, including embedded pdfs that were created to BE the message. They look more like thumbnails on the email. Even the logo is small. It would look better justified across the screen.

I know non-mobile-friendly may not look as good on mobile, but you can at least see the intent of the layout. This is completely lost on the computer screen. Our last email was opened 68% on computer - we don't do marketing, folks read our emails when they are at work, for work.

Yesterday I needed to send an email with my embedded PDF. It was an important document, and I needed it to look like it was the full email message, not like it was an image added to an email. It looked terrible, so I finally resorted to signing up with MailChimp, which allows you to adjust the size of the pdf or image and actually sends it looking pretty much the way you set it up on the back end.

Please consider reviewing your mobile-friendly layouts. It would also be lovely if you could add back in the ability to link within your document so you can have table of contents again for longer newsletters.

- Lauren (very long time user of constant contact)

[Frankie_P]

Hi @TommyT80 what features of our non-mobile editor are you looking for? How would you expect to select one of these templates? Also, what about the ability to resize your PDF image does not fit your needs?

[JosephS45]

Hi folks, 

I was having the same issue with a headshot. I only liked the desktop version. The mobile version made the headshot look bigger (in my opinion - too big). I read Frankie_P's comment and then resized the image in Preview (I have a Mac) so that the resolution was only 200 pixels wide. And then I re-uploaded the image to CC. Finally, I replaced the old headshot with the resized image.  That seems to have worked b/c the desktop version is fine and now the mobile version is a bit smaller. 

Thanks!

[TommyT80]

When you resize an image, it looks great on the backend, but the email platforms, like outlook, resize I assume for mobile use. Both pdfs and images. I tried this with survey monkey and it looks much better. I can find images of that example if I need to. Here are today's examples. 

Image in the cc editor: 

How it looks in outlook email:

[Frankie_P]

Hi @TommyT80 thank you for following up with these details and screenshots! Our mobile responsive templates cause images uploaded at a large size to resize and fit the screen full width.  To help stop this from happening users can resizing images outside of Constant Contact to be 150-200 px wide and upload this more manageable size into your Library.