WordPress.com Forums » Tag: image quality - Recent Posts

pairodoxfarm on "Loss of image resolution with Nishita"

pairodoxfarm — Tue, 11 Jun 2013 15:32:08 +0000

Haven't had a problem importing images before but now something is up! Got a new computer and things are weird. Using Lightroom (on a Mac) and exporting at 1024 pixels ... image is sharp as a tack in my editor and actually looks pretty good in the media import area ... once it's in the actual post it looks pretty crappy! What's going on?

justpi on "How caption makes an image worse"

justpi — Fri, 17 May 2013 10:25:57 +0000

You're welcome.
As for "all the people", well, some users don't insert images, some users don't insert captioned images, and many users don't have your sharp eye and/or your interest in image quality; those who do can switch to a different theme, or hope that WP will fix this.

tribunsky on "How caption makes an image worse"

tribunsky — Fri, 17 May 2013 10:16:01 +0000

tandava108, thank you too :-)

tribunsky on "How caption makes an image worse"

tribunsky — Fri, 17 May 2013 10:11:17 +0000

Thank you, justpi. I have done it.
But what to do all the people who have not Custom Design?

tandava108 on "How caption makes an image worse"

tandava108 — Fri, 17 May 2013 10:05:59 +0000

Thanks justpi for discovering this. I will leave the flag for staff attention because it is something that the theme developers should look at.

justpi on "How caption makes an image worse"

justpi — Fri, 17 May 2013 10:02:33 +0000

@tandava108: No, the two versions aren't exactly same size.

@tribunsky: Yes, the non-captioned version is sharper.
Counterexample, where this isn't happening:
http://panosdemos.wordpress.com/2013/05/17/caption-no-caption-journalist/

I checked the CSS of the two themes, and I can tell you what's wrong. The CSS of Garland imposes a 98% max-width for captioned images no matter what their actual width, so even if an image is narrow enough it still gets downsized a bit (the captioned version in your example is 499px instead of 500px), so it loses quality. Since you have the Custom Design upgrade you can easily correct this. Paste this in the CSS editor:

.wp-caption img {
    max-width: 100%;
}

tandava108 on "How caption makes an image worse"

tandava108 — Fri, 17 May 2013 09:59:57 +0000

I'm flagging this for staff attention, as this is clearly something that should not happen.

tribunsky on "How caption makes an image worse"

tribunsky — Fri, 17 May 2013 09:59:13 +0000

In other words, caption spoils the image.
I wonder whether the programmers of WordPress will hear it?

tandava108 on "How caption makes an image worse"

tandava108 — Fri, 17 May 2013 09:58:48 +0000

The difference is visible even to the naked eye, is not it?

yes it is, for me I only notice it when I look carefully at the images, but I know that my eyesight is not very good. I would imagine that someone with 20/20 vision would be able to see it immediately.

tribunsky on "How caption makes an image worse"

tribunsky — Fri, 17 May 2013 09:56:03 +0000

The difference is visible even to the naked eye, is not it?

tandava108 on "How caption makes an image worse"

tandava108 — Fri, 17 May 2013 09:55:17 +0000

My guess is that WordPress erroneously applies the scaling algorithm when there is a caption even if the size is correct.

tandava108 on "How caption makes an image worse"

tandava108 — Fri, 17 May 2013 09:54:02 +0000

How strange. I can confirm that the images are the same size, but the one with the caption is worse. Here is an expanded screen shot, with the captioned version on the left just to prove the point

tribunsky on "How caption makes an image worse"

tribunsky — Fri, 17 May 2013 09:33:13 +0000

This is the same image, by the way.

tribunsky on "How caption makes an image worse"

tribunsky — Fri, 17 May 2013 09:31:35 +0000

So, specially for you I displaed two images (woman with Stalin 500x664) - one with caption, anouther without - here http://victortravelblog.com/2013/02/18/russian-winter-russian-cuisine-russian-bath/
Compare the sharpeness of the faces! Did you see the difference?

justpi on "How caption makes an image worse"

justpi — Fri, 17 May 2013 09:07:06 +0000

So, as I said, adding a caption to them should make no difference (as long as you're using Garland - or any theme with a main column that's wider than 700px).

tribunsky on "How caption makes an image worse"

tribunsky — Fri, 17 May 2013 08:58:08 +0000

Thank you very much, but I never upload to the server images more then 700px width or 500px (if it vertical).

justpi on "How caption makes an image worse"

justpi — Fri, 17 May 2013 08:50:59 +0000

By itself, a caption doesn't necessarily change the size of an image, and doesn't make the image "a little worse". All images become slightly worse when uploaded to your blog, because they get slightly compressed, and the difference becomes noticeable when the images are downsized. So the important factor isn't the caption, it's the size of the original in relation to the size of the displayed version.
For example:
The width of the main column in the theme you're using is 780px. The originals you have inserted in your latest posts are 700px wide, displayed in full size. If you add a caption to them, there will be absolutely no difference in quality, because the images are narrower than the main column, so there's room enough for the extra frame around the image: captioned and non-captioned version will be identical (good quality). If you upload 700px wide originals but insert them at, say, 350px, captioned and non-captioned version will again be identical (poorer quality). If you insert 780px wide originals in full size, then adding a caption will make a difference: the non-captioned version will be displayed in its original size but the captioned version will be slightly downsized to make room for the frame, so it will have slightly poorer quality.

tribunsky on "How caption makes an image worse"

tribunsky — Fri, 17 May 2013 02:13:17 +0000

I need not help, thank you. Your web designer needs help to make caption without changing the size of images.

timethief on "How caption makes an image worse"

timethief — Thu, 16 May 2013 19:10:34 +0000

What exactly do you need help with please?

tribunsky on "How caption makes an image worse"

tribunsky — Thu, 16 May 2013 16:50:49 +0000

Do you know, when you make a caption for an image, this caption make the image a little worse; and this "a little" is enough to make this image really bad?

justpi on "Image Quality Problem"

justpi — Wed, 14 Nov 2012 18:45:22 +0000

There's nothing else to be done: you need to downsize the images to 500px wide, then upload and insert those versions in place of the previous ones. Make sure you clear your browser's cache and cookies afterwards, and that you're viewing the post without having zoomed in in your browser. What browser and version are you using?

christaholka on "Image Quality Problem"

christaholka — Wed, 14 Nov 2012 15:39:58 +0000

IN PHOTOSHOP

christaholka on "Image Quality Problem"

christaholka — Wed, 14 Nov 2012 15:39:37 +0000

yes. i mean i made the width 500 pixels wide.

justpi on "Image Quality Problem"

justpi — Wed, 14 Nov 2012 15:34:25 +0000

"But, I have also tried to size them max width 500".
Where did you try that? In Photoshop you don't size them max anything, you size them at a specific pixel width or height.

christaholka on "Image Quality Problem"

christaholka — Wed, 14 Nov 2012 15:17:58 +0000

a) okay they are very similar. so... do 11 pixels in the width create this problem?

b) true that i'm not very proficient in posting in this blog or I wouldn't be asking these questions. But, I have also tried to size them max width 500 and I am getting the same problem. Now what?

panaghiotisadam on "Image Quality Problem"

panaghiotisadam — Wed, 14 Nov 2012 15:11:58 +0000

a) The originals are not "exactly the same": the upper umbrella image is 778x1200, the lower one is 767x1200, the one in the other post is 800x1200.

b) You may be proficient with Photoshop but you're not proficient with WP blogging. When you insert an image that is wider than the main column of the theme you're using, the theme automatically downsizes the displayed version to make it fit. Like I said (and like I demonstrate in the post I linked to), images downsized by WP lose quality; how much they will deteriorate depends on the particular image as well as the size of the original in relation to the size of the downsized displayed version. Like I said, if you want best quality on the post you need to downsize the images to 500px wide prior to uploading.

christaholka on "Image Quality Problem"

christaholka — Tue, 13 Nov 2012 09:35:08 +0000

I should have prefaced this by noting that I'm a professional photographer so am quite proficient with file sizing/resizing/photo editing, etc., so, I'm using Photoshop to edit /resize my images.

Also, like I said, the images in BOTH posts are sized EXACTLY the same, so why are the images in the first post not as sharp as the second (and, to be clear, the image in the post does not look like it does in Photoshop or even in a screen grab).

So... anyone else have any ideas as to why the images in the first post are losing quality?? I'm at my wit's end!

justpi on "Image Quality Problem"

justpi — Tue, 13 Nov 2012 06:45:28 +0000

I'm not seeing what you're describing. But on both posts the images are slightly duller than the originals, because images downsized by WP lose some color and sharpness. For best quality on the post, you should use an image editing application to downsize copies of your images to the right pixel width for the theme you're using, then upload and insert those copies (selecting the "full size" option). For Manifest, right width is 500px maximum.

See here as well:
http://wpbtips.wordpress.com/2010/01/16/image-quality/

christaholka on "Image Quality Problem"

christaholka — Tue, 13 Nov 2012 01:03:08 +0000

I can't seem to figure out why in this post the images look pixelated and generally crappy:

http://blog.christaholka.com/2012/10/01/recent-work-duro-olowu/

when they are sized EXACTLY the same as the image in this post:

http://blog.christaholka.com/2012/10/01/recent-work-artist-goshka-macuga/

help please??!

nicholemeehl on "Pinned photos from wordpress turning grey and muddy on Pinterest"

nicholemeehl — Tue, 16 Oct 2012 20:08:06 +0000

It was saved as sRGB. I went back in and changed it also to N.America web/internet setting in photoshop and re-saved it, that seems to have worked. It is frustrating that I have to go through so many steps but whatever works. Thanks everyone for your help.