Hi guys,

I've got this weird problem on my hands.
I've set the image upload quality in timthumb to 100%. If I upload an image to my website from my computer through couch it looks just fine. But when my client uploads the exact same image with the same account in couch, it looks all blurry.

I have absolutely no clue why.
Please help.

[KK]

Hi Saskia,

Just to verify that I understood it right -
you both are uploading the same image, to the same server, using the same account and yet the results are different. Right? Can you please confirm?

yes, that is correct

[KK]

Well, then the only thing that changes in the equation is the computer used by you two.
And that is unlikely to have any bearing on the server-side processing that creates the images.

So, as you said, it is weird indeed.
I am sorry but I have no idea as to why this could be happening.

Maybe you could try uploading from another machines and see if the problem is specific to your client's computer only or it occurs elsewhere too.

Also, ask your client to use a few other browsers and see if the result is any different (I've seen some very confounding problems tracked back to browser plugins).

I have no trouble at all when uploading from other machines. The pictures come out just fine. The problem seems to be with his machine. He is using chrome, the same browser I use myself, same version.

[KK]

OK. So please ask your client to try uploading using a different browser (FF or IE).
This will confirm/rule-out whether the problem is due to some Chrome plugin.

Hi, I'm back, it took my client and me a while to get in touch. I think I know where the problem is now. Appereantly it is not restricted to my clients machine. But occurs on all machines, I simply wasn't paying enough attention.

If an image is uploaded it is saved to the server in a high format (for example 210kb) but then when the post with the image is saved the image size on the server decreases to a lower format (for example 70kb).
I guess I'm missing a setting, but don't know which one.

[KK]

Hi,

Can you please post in here the definition you are using for the image field?
Also please post the HTML code you are using on the front-end to show the image.

Quite possibly the field has been setup to crop/resize the uploaded image to some particular dimension and this processing is causing the dimensions (and hence the size) to decrease.

The definition of the image field:

<cms:editable
name='image'
desc='upload hier de eerste afbeelding van het portfolio'
crop='1'
width='1024'
height='683'
group='group_img1'
type='image'
/>

HTML to show image:

<img class="ImageInclude position_content" id="u2020_img" data-src="<cms:show image />" src="images/blank.gif" alt="" data-width="1024" data-height="683"/>

[KK]

Hi,

Please try adding the 'quality parameter to the definition with a value of '100'.

<cms:editable
name='image'
desc='upload hier de eerste afbeelding van het portfolio'
crop='1'
width='1024'
height='683'
quality='100'
group='group_img1'
type='image'
/>

Does this make any difference? Ideally, it should.

The 'crop' setting in your region will process any image that is not already strictly 1024x683 in dimension and this processing is done server-side by whatever version of GD library is available there.
The output will really depend on factors beyond Couch's control.

If the suggested quality='100' change does not output clear enough images, you can try using ImageMagick instead of GD - you'll find @cheesypoofs implementation here viewtopic.php?f=8&t=7222

Hope this helps.