Strange things happening with images
-
After reading various topics about resizing images within wordpress causing loss of quality, I made a test post here
http://coastering.wordpress.com/2010/12/06/help-please-which-photo-displays-the-best/
The first image is sized at 1024×768 , which is full size on my theme, with the redundant ‘sizing’ information stripped from the HTML code – I believe this is supposed to produce the best results.
The second is a 1250 x 938 image, resized to 1024×768 when inserted into the post.
And the third is the same image as the first, but without editing the HTML code.
Most people could not see any difference between the 3 images. 2 said that the third was the best! And one said that the first appeared brightest. Hardly conclusive. But that’s not why I am posting on this forum.
Today I read my blog, and found that the first image has mysteriously shrunk. I’ve hit the edit button and checked the HTML, and can’t see any change there. Also, if I click through from either the first or the third image I get to the same sized image (as I would expect).
Has anybody got any suggestions as to what is happening here please?
The blog I need help with is: (visible only to logged in users)
-
I don’t know why the first image changed width, but there is a width tag (w=500) in the image code right now. dscn1479.jpg?w=500 Maybe you switched between Andrea’s fixed width option and the flexible width option and the width tag “stuck”?
As far as the other two images, in the second image I can see a difference between the image displayed at 1024×768 and the original at 1250×938. The resized image is fuzzier than the original. Overall this image has less details so it’s hard to see until you look at the detailed area inside the entryway. For comparison, look at the top image in this post http://coastering.wordpress.com/2010/11/27/germany-2010-day-6/ and the original size image.
The third image was uploaded at 1024×768, so for the flexible width where the max for images is suggested at 1000 pixels, there’s not much resizing going on to begin with.
-
What’s happening is that if you delete the width command, oversized images are automatically constrained so as not to break the theme. Unfortunately in Andreas the flexible-width option is disregarded, and the limit is 500px (the correct maximum for the fixed-width option).
By the way, the 1024 you can see in the image tool is conventionally used in all flexible-width themes, but in Andrea/flexible-width the limit is 1000px, as Jennifer pointed out: that’s the width of images 2 and 3 in your post, not 1024px.
-
I really have no idea where that width tag has come from! Nor how to get rid of it, since it seems to be associated with the image in the post – but I can’t see it in the media library, the visual editor, of the HTML editor. And I have not made any changes to my theme whatsoever, so that is not the cause. (Unless something has happened ‘behind the scenes’ and since that was the only image that I had stripped out the HTML was the only one that changed. If that is the case, stripping out sizes is a risky business)
Do you know why WordPress set the full size image as 1024 if the maximum for the theme is 1000 though? It seems rather odd.
Thank you for directing me to the ‘day 6’ post though – I can plainly see that the image in post is not as clear as the original sized one.
-
Panos-Oddly enough, looking at the code for the 2nd and 3rd images, I’m seeing
dscn1479a.jpg?w=1024&h=768
dscn1479.jpg?w=1024&h=768?
-
Thanks panaghiotisadam
You posted while I was working on my reply to justjenifer, and answered most of my questions. I guess the only way to restore the size of that image is to add it again from the media library.
I still don’t understand why it all appeared ok yesterday though! Computers and their perverse logic maybe lol.
-
@bradpeet: You’re welcome. You can restore the image by reinserting it from the Media Library, or you can switch to HTML and add w=”1000″ to the image code. One way or another, the comparison you tried to make won’t work with this theme and these sizes: try it with images narrower than 500px.
@Jennifer: You’re seeing w=1024 because that’s what bradpeet specified when inserting the images. But the versions actually displayed are 1000px.
-
Panos said “One way or another, the comparison you tried to make won’t work with this theme and these sizes: try it with images narrower than 500px.”
That seems so ironic. So, the techniques I was trying to use to get the best out of my pictures won’t work on bigger images? I guess it won’t work with flexible width themes then, since by definition these will re-size images.
-
Quite the contrary: most flexible-width themes don’t have a width limit, so they don’t resize images that way. Try a real flexible-width theme such as Rubric and see. The problem is that Andrea is semi-flexible actually: it stretches up to a certain maximum, not indefinitely.
-
You’re seeing w=1024 because that’s what bradpeet specified when inserting the images. But the versions actually displayed are 1000px.
Hm…back to firebug
-
Well, I think that I have solved part of the mystery!
I went to add the picture back in from my media library, and full size now shows as 500×375 (and the large option is greyed out) So, there has definitely been a change made within the coding of Andrea.
I can edit the image afterwards to make it larger (although I realise there is no point in making it larger than 1000w), but surely this should not be required in this theme when in the flexible width mode? Do you think that I should raise this with the staff?
-
Yes (tell them that when the flexible-width option is selected, the auto-resizing of oversized images should be to w=1000, not 500).
- The topic ‘Strange things happening with images’ is closed to new replies.
WordPress.com Forums 