Image quality - jpeg artifacts

Hi - just wondered if anyone had noticed any issues when uploading images into a template - I seem to be getting some crunchy jpeg artifacts - I was hoping that by uploading quite a small image I'd manage to sidestep any server-side image resizing/optimising.

Anyone have any tips on avoiding any resizing? I realise CM have their bandwidth to think of, but even a 10% bump in quality would make all the difference!

Many thanks

Tim

Diana Diana, 7 years ago

Hey Tim,

Are you seeing that in the editing window or in an actual preview? Images can look look different depending on what part of the process you're in (we're doing more to the images when you're on the actual editing step for example).


~*~~*~~*~~*~
D. Potter
Campaign Monitor
oldcreekwbf, 7 years ago

Hi,

Were having the same issue too. The compression engine/algorithm on c/send's servers is really degrading the quality of the images and introducing noticeable and unsightly artifacts.

I've always like c/send because its dedication to designers and design. But not having control over the image quality in the final email seems to run contrary to this.

Please help... I hope I'm just messing up somewhere.

Thanks

Mathew Mathew, 7 years ago

Campaign Monitor won't resize or compress any of your images, unless you are adding an image to your content that is wider than the image is specified in the template.

In that case, we have to scale it down to match the template. Automated scaling is never going to be as good as a person could do it, so the best answer is to just upload images the same width as your template is set to expect.

Other than that, we just show every image exactly as it was uploaded to us.


Get in touch with us on Twitter: http://twitter.com/campaignmonitor
We're also on Facebook: http://facebook.com/campaignmonitor
oldcreekwbf, 7 years ago

SWEET! I was really hoping I was just doing something wrong

jeremyb jeremyb, 6 years ago

Hi Mathew, the ability for your system to scale down to match the template is magic, and is one of the key things that sets your system apart.  I rely on this to save time.  My clients rely on this because they have no idea about image size and can't use an image editor!

Unfortunately your code to resample (and compress) produces a jpeg with bad artifacts.

While automated scaling is never going to be as good as what a graphic designer could do, I know it could be way better than what you are currently achieving - you are severely over-compressing the images.  Have you ever seen the fabulous results from Picnik.com on default settings?  Here's a comparison between Picnik.com and Campaign Monitor:

Resized using Picnik.com (default settings)
http://leo-nine.com/other/temp/leonine_picnik.jpg

Resized using Campaign Monitor
http://leo-nine.com/other/temp/CRW_7751LeoNineliveAGMF2006223030.jpg

It sounds like many people are unhappy with the artifacts.  It would be beneficial to your clients if you improved this.

Mathew Mathew, 6 years ago

Thanks for the feedback and elaboration via support. We would certainly expect a specialist image editor like Picnik to produce better results - that's what they are all about - but we'll record your vote for possible future improvements in our compression.


Get in touch with us on Twitter: http://twitter.com/campaignmonitor
We're also on Facebook: http://facebook.com/campaignmonitor
SwissWebMiss, 6 years ago

Hi there,

Great thread - unfortunately even when I insert images at the correct width it still resamples them to look pixelated, especially during testing with clients like Mail and Gmail.

Any suggestions?

Thanks!

davidaf davidaf, 6 years ago

Hi SwissWebMiss,

Thanks for contacting support directly, we'll resolve there. If we find a general solution we'll be sure to post it here too.


The Campaign Monitor Blog – HTML email smarts to go with your good looks
wouterjesse, 6 years ago

I had the same problem, but fixed that by simple convert the image tfrom jpeg to gif using photoshop.
My images are now just the why I want them.

JimDC, 6 years ago

Yeah +1 from me. The jpeg artfacts I get when CM resizes an image look pretty bad in the final email. Can you guys take a look at it?

Jim

aftershock, 6 years ago

I have to agree with the posts here... the image compression is far too harsh.
Seriously, how hard is it to lower the compression.
Thanks
Jeremy

sputnikweb, 6 years ago

I've figured something out and got it working for me...

I had a graphic that was exactly the right size for the space in the template. The graphic has just three colours in it - red, green, and white (yes - a Christmas promotion!). The colours are completely flat with just a spot of anti-aliasing. After I uploaded the image, the compression was not just bad - it was completely shocking and utterly unacceptable. The flatness of the colours were completely incomprensible to the compression algorythm. Being a web developer, originally I had used PNG compression for my image. Then, after reading this thread I tried JPG compression (against my better judgement) with the minimal amount of compression I could achieve. The result was still unacceptable.

Then I tried GIF compression... bingo! I'm guessing C/Send will only accept JPG and out-dated GIF compression for the purpose of sending e-mails to out-dated e-mail clients (understandably) - so it attempts to convert PNGs to JPGs... very badly.

Whilst I finally got the result I was after, the default compression really is utterly unacceptable! The only reason I succeeded is that I understand the differences between the various compression methods - I'm sure the vaast majority of users of this system aren't so fortunate.

Come on, you clever guys at C/Send - you've got a great system but this is your achilles heel. I'm sure you can figure this one out - even I can write a little script to do image resizing on the fly and get a better result than your JPG compression! This has been an outstanding issue for too long - even this thread is a year old!

Mathew Mathew, 6 years ago

Hi,

I have created a task for our developers to  have another look into the options available. Considering the number of feedback emails and requests we get, this issues just hasn't come up very often, so it hasn't been too high a priority so far.

However there may now be a better tool we can use that will improve things and it is worth investigating. Keep in mind though that while you have the use of your brain to look at different compression options for specific images to see which one is better, we're trying to do something that works for every possible upload, which is a lot harder.

Thanks again for the feedback.


Get in touch with us on Twitter: http://twitter.com/campaignmonitor
We're also on Facebook: http://facebook.com/campaignmonitor
Lasseleh, 5 years ago

I have used Campaign Monitor around 10 times now for sending email campaigns and this is the first time I had this problem with JPEG artifacts. The images background consisted a gradient fade, which did not work at all when converted to GIF with just 256 colors. I also tried to resize it to final size as someone suggested in this thread, but did not help for me. Hope this gets fixed soon as possible. You guys have fun tweaking the settings of your image library :)

roshodgekiss roshodgekiss, 5 years ago

Hi Lasseleh, this is unusual as I've confirmed with the devs that we haven't made any recent changes to our image libraries, or how we compress images on import in general. Please feel free to contact our support team if you would like us to take a look at your recent campaigns.


Get in touch with us on Twitter: http://twitter.com/campaignmonitor
We're also on Facebook: http://facebook.com/campaignmonitor
wanderin, 5 years ago

I have an even stranger problem. I resized my images the exact size (and some smaller than the specified width and height for the template, but the picture quality is still badly pixelated. I even tried using GIFs, but that didn't solve the problem either.

Looking at firebug, I noticed that campaign monitor resized my picture to 100px width even though my image is not bigger than the specified width. Also, it seems that my css code (width:180px) then stretched it.

This is my CSS and html code. I'm new to making templates, so I'm not sure what the problem is. So how can I solve this problem?

td.bottomArea img{
   width: 180px;
   height: 125px;
}

<td class="bottom" align="left" width="200" valign="top">
    <img src="<$imagesrc link='true'$>" align="center" width="100%"><br/>
</td>

jeremyb jeremyb, 5 years ago

Mathew, I'm glad you guys are looking seriously at this issue now.

My clients are seriously low-tech - they don't know about this stuff.  They are just as likely to upload a JPG directly from their 10MP digital camera.  And why shouldn't they?

So I wish you success with implementing the improved resizing.

Carissa Carissa, 5 years ago

Hi wanderin, if the uploaded image is smaller than what is specified in the HTML, you will see stretching. We don't recommend using percentages for image sizing (unless you want it to stretch) - you're better off setting the width using pixels within the <img> tag, and uploading an image with the exact same dimensions. Also, you can see in our guide to CSS support that declaring the width using CSS isn't supported by all the email clients. Feel free to send an email to support for more specific help.


Carissa
Campaign Monitor
Chris Healey, 5 years ago

Hi there - just wanted to add my voice that there is a problem with the way campaign monitor handles images within it's template system. For us, the way around was to manually create the template and import via web avoid campaign monitor's template system altogether.

I am a professional web developer and I assure you that you guys need to fix this issue - it is not the fault with your clients as the template system is supposed to "take care" of this sort of thing in the first place for the non-professional. The images are terrible despite size and format compliancy.

Please fix as soon as possible. It really is your achilles' heel right now and causing problems for your clients.

Thanks, Chris

dci24 dci24, 5 years ago

I just wanted to add my voice to this thread and check to see if any progress has been made. Indeed, even when uploading exactly the right size images in JPG, quality suffers - either artifacts or blurriness. It is so noticeable that my clients are asking me when this will be fixed! And I feel very embarrassed because I convinced them of using the template system! GIF helps a little, but with gradients you just can't use GIF!

I'm not asking for better resizing compression, just normal upload so that there's no interpretation of the file.
Thank you.


www.dci-international.com
Phil Phil, 5 years ago

Hi,

In the code we pushed up last weekend we actually did make a fix to this. I'm surprised to hear that you're still having troubles. Firstly, if the image is exactly the size required by the space in the template, it shouldn't be resized or recompressed in any way. And then when resizing we made some modifications to increase the quality of the resized images. Obviously with any resizing it's impossible to get perfect results, but in our testing we weren't seeing the same degree of compression artifacts.

Can you send through a support request to support @ campaignmonitor dot com, with some examples of the before and after images (and the template they're being added to) and we'll take a look to figure out what's happening?

Phil

jeremyb jeremyb, 5 years ago

Unfortunately I can't say this issue is fixed.

Here's an image I resized myself before uploading today (9,158 Bytes):
http://i1.createsend1.com/ei/r/01/401/965/csimport/cj-baran2.064651.jpg

Here's an image where Campaign Monitor resized it today (4,425 Bytes):
http://i1.createsend1.com/ei/r/01/401/965/csimport/cj-baran.064443.jpg

I can still see unacceptable JPEG artifacts.  Can you please increase the quality of the resized images.

Thanks,
Jeremy

roshodgekiss roshodgekiss, 5 years ago

HI jeremyb, sorry to hear that. Would it be possible for you to send account and campaign details to our support team? We haven't had many issues with image compression like this since the fix that Phil mentioned above, so we'd be really curious to see why this is happening. Thank you so much!


Get in touch with us on Twitter: http://twitter.com/campaignmonitor
We're also on Facebook: http://facebook.com/campaignmonitor
jeremyb jeremyb, 5 years ago

Hi roshodgekiss, I have sent the details to the support team.
Jeremy

  1. 1
  2. 2

Join 200,000 companies around the world that use Campaign Monitor to run email marketing campaigns that deliver results for their business.

Get started for free
1-888-533-8098