Why are embedded images displaying at up to three times the size they are set at
-
Today, many of the embedded images on this site began appearing greatly expanded when viewed in the public post or page. They haven’t changed in the editor.
For example,
1. The image
http://songbook1.wordpress.com/pp/fx/features-2-older-2/bing-crosby-1927-34/
in the page
http://songbook1.wordpress.com/pp/fx/features-2-older-2/bing-crosby-1927-34/
is set at 252X333 pixels in the editor. That’s relatively small. The original is very large 1300X1708 pixels, but it’s displaying somewhere between the two, at about half the original size.
There are several other examples on the same page.
2. The image
is set at 231 X 303 pixels. It appears at least three times that size on the public page.
3. Image http://songbook1.files.wordpress.com/2010/04/gus-arnheim-cocoanut-grove-ambassor-hotel-flyer-1.jpg
is set at 208 X 340 pixels. It appears about three times that size on the public page.
Another issue is that some of these images are set side by side with other images. The distortion not only looks grotesquely out of place, but alters the design of the page, eliminating the pairing of images.
Oddly, only some images are affected while some remain the size I gave them, even some pairs are unaffected.
My first thought was that this seems like a browser issue. I had just switched to a new Firefox browser not long before the issue began appearing on page after page. However, I have now seen the same strange alteration of images with three different Firefox browsers: 3.6.23, 3.5.24, and 8.0.1, and the latest Apple Safari browser.
The same grotesque distortion of some of the images occurs in all four of these browsers. Note that these are not newly uploaded images. The page was created in April 2010. The effect is seen on other pages, including
http://songbook1.wordpress.com/pp/fx/features-2-older-2/andrews-and-bing-22-hits/ (created July 16, 2010)
http://songbook1.wordpress.com/pp/fx/features-2-older-2/broadway-melody-1929/ (created in December 2009).
For the last of these examples I was able to normalize the images by simply modifying their size a bit in the editor. But in each case the net change was small in comparison to the change in the appearance as viewed on the public page. Images were displaying greatly expanded. I manipulated them a little in the editor and the grotesque distortion disappeared on update.
Blog url: http://songbook1.wordpress.com/ -
The same thing is occurring on another site of mine, Catandwhip.wordpress.com.
For example, on the following page, created in October 2009
http://catandwhip.wordpress.com/2009/10/10/1437/
The top two images have been paired side by side for over two year. Suddenly, today they are each greatly enlarged (only in the public view, not in the editor) and one on top of the other.
and
As a pair, the code is
<img class=”size-full wp-image-1490 alignleft” title=”catwoman-tony-daniel-1b” src=”http://catandwhip.wordpress.com/files/2009/10/catwoman-tony-daniel-1b1.jpg” alt=”catwoman-tony-daniel-1b” width=”262″ height=”484″ />
<p style=”text-align: center;”><img class=”alignnone size-full wp-image-1509″ title=”catwoman-jeffspokes-01″ src=”http://catandwhip.wordpress.com/files/2009/10/catwoman-jeffspokes-015.jpg” alt=”catwoman-jeffspokes-01″ width=”137″ height=”487″ /></p>.The total width of 499 pixels is small enough to allow them to exist side by side in this theme.
However, just as in the Songbook examples above, the images are greatly enlarged, about three times the size they are set at.
Please help. This is very annoying. I haven’t had this sort of thing happen in a long time. Can’t recall any fixes.
-
Beauty is in the eye of the beholder. Grotesque was not the right word for the enlargements. But they are definitely unwanted.
-
-
Hello, macmanx. Thanks. But this problem could be bigger than you think. I’ve got at least 80 WordPress.com blogs. Which ones are affected by this issue and how do you fix it? If the fix is something I can do, then please point me toward the steps.
I don’t know how many sites are affected because I haven’t checked all of them recently, but it’s certain that those weren’t the only two. Here is another site which has at least one instance of a less dramatic size change in a pair of images, but disturbing nonetheless:
The site is sbfiesta.wordpress.com. In the leading post I’ve got the following image pair.
<p style=”text-align: center;”><img class=”alignnone size-medium wp-image-202″ title=”2011-Jr. Spirit Anais Crespo Peña-Recepción de la Presidenta-2″ src=”http://sbfiesta.files.wordpress.com/2011/11/2011-jr-spirit-anais-crespo-pec3b1a-recepcic3b3n-de-la-presidenta-2.jpg?w=214″ alt=”” width=”230″ height=”323″ /><img class=”alignnone size-full wp-image-224″ title=”2011-Jr. Spirit-Anais Crespo Pena-1″ src=”http://sbfiesta.files.wordpress.com/2011/11/2011-jr-spirit-anais-crespo-pena-1.jpg” alt=”” width=”215″ height=”323″ />.
Note that the height is the same, 323 pixels, on each of the images. And until a couple of days ago they were displaying at equal heights. Not so now. The right image is displaying at about 10 % shorter than the left.
-
As a test I placed the pair in a separate page (unpublished) to try to duplicate the effect.
On draft page http://sbfiesta.wordpress.com/?page_id=339&preview=true, the same effect can be seen.
-
This issue is affecting my site catandwhip.wordpress.com. I haven’t checked the rest of the site, but again the leading post demonstrates the bug.
The post
http://catandwhip.wordpress.com/2010/02/20/catwoman-two-by-j-scott-campbell/
concludes with the following image pair:
<p style=”text-align:center;”><img class=”size-medium wp-image-1825 alignnone” title=”CatWoman-tall-JScottCampbell-1a” src=”http://catandwhip.files.wordpress.com/2010/02/catwoman-tall-jscottcampbell-1-f30.jpg?w=114″ alt=”” width=”122″ height=”338″ /><img class=”alignnone wp-image-1828″ title=”CatWoman-JScottCampbell-2-s1″ src=”http://catandwhip.files.wordpress.com/2010/02/catwoman-jscottcampbell-2-s1.jpg?w=225″ alt=”” width=”252″ height=”338″ /></p>.
Despite the fact that the two images are the same height, they are not displaying at the same height since about two days ago. Now, the left image appears very noticeably shorter than the right one.
-
And on this page of my site deviantzone.wordpress.com
http://deviantzone.wordpress.com/wp-admin/post.php?post=1148&action=edit
the top image is greatly expanded on the public page compared to its relatively modest setting of 397 X 402 pixels in the editor.
-
This is related to some changes we made on our end regarding how images are resized. If you see this on any of your other blogs, please just let us know and we’d be happy to fix the problem for you.
In the meantime, everything should now be displaying properly on the three blogs you listed above.
-
The errors on sbfiesta.wordpress.com, and on deviantzone were fixed. But the one on catandwhip.wordpress.com is unchanged.
The post
http://catandwhip.wordpress.com/2010/02/20/catwoman-two-by-j-scott-campbell/
concludes with the following image pair:
<p style=”text-align:center;”><img class=”size-medium wp-image-1825 alignnone” title=”CatWoman-tall-JScottCampbell-1a” src=”http://catandwhip.files.wordpress.com/2010/02/catwoman-tall-jscottcampbell-1-f30.jpg?w=114″ alt=”” width=”122″ height=”338″ /><img class=”alignnone wp-image-1828″ title=”CatWoman-JScottCampbell-2-s1″ src=”http://catandwhip.files.wordpress.com/2010/02/catwoman-jscottcampbell-2-s1.jpg?w=225″ alt=”” width=”252″ height=”338″ /></p>.
Despite the fact that the two images are the same height, they are not displaying at the same height since about two days ago. The left image still appears very noticeably shorter than the right one.
-
Actually, the source images are two different heights.
catwoman-tall-jscottcampbell-1-f30.jpg is 122 x 319
catwoman-jscottcampbell-2-s1.jpg 252 x 334
Though you have them both set to display a larger height, they won’t grow past their original dimensions.
-
What are sources images? The original sizes for those in my files are as follows
catwoman-tall-jscottcampbell-1-f30.jpg = 600 X 1570
catwoman-jscottcampbell-2-s1.jpg = 602 X 800
Even if they were much small I could enlarge them by stretching the corners in the WordPress.com editor. I’ve been doing this for over two years with success. Either that or changing the pixels in HTML. I could show you a thousand examples of where I’ve done that successfully.
-
“Won’t grow past their original dimensions”? What does that mean? I change image dimensions all the time on WordPress.com posts and pages. Never had any trouble going either way, smaller or larger. It is not difficult to enlarge an image even beyond the original file size, though doing so tends to cause loss of quality (blurring,etc.).
On the other hand, I’ve sometimes (experimentally) reduced images to mere specs or dots and published them that way on WordPress.
In this case, the images are much larger than the display size originally and there should be no difficulty at all changing the size between dots and the maximum allowed by the theme and my theme settings.
-
Sorry, I just checked the original sizes on those two images. You were right. I don’t know how they got changed to small sizes like that. That post was created early in my blogging experience but I thought I’d re-uploaded the images since then. The images have been replaced with the original sizes intact, and they display at the same height now.
However, tt still doesn’t seem correct that they wouldn’t display larger than the original size, because I’ve done that infrequently in instances when an image that I wanted was too small to be useful until expanded.
-
There are rare cases when you can expand the size of an image, but I wouldn’t recommend it. You need to do it initially through the Visual editor.
-
Not sure what your last sentence means. Because in this case the visual editor failed to make the changes I wanted. I had to upload again the images at the original larger sizes from my files.
-
This problem has returned and on my principle site, one which was fixed back in late November.
On the page http://songbook1.wordpress.com/pp/fx/features-2-older-2/1890-1899-standards/ there are three images which are displaying at twice the size, if not more, they are set at.
When this occurred previously I had been able to reduce them to an appropriate size by making a very small change in the editor. This time the editor changes did nothing.
Jim
-
Correction the edits have now worked. But why am I fingin images that are hugely expanded beyond the settings again?
-
Correction. The edits eventually worked. But why am I findign images that are hugely expanded beyond the sizes they are set at again?
-
- The topic ‘Why are embedded images displaying at up to three times the size they are set at’ is closed to new replies.


