Photos have become small and off-centered.

  • designsimply,

    Yes, I will do that the next time it happens. :)

  • OK, here they are and hope I did this correctly. I’ve never used such a site before.
    This is the screen shot of the preview with tiny image.
    http://snag.gy/utqfQ.jpg

    This is the screen shot of my text editor which shows the correct image dimensions.

  • @designsimply – using an image editor i resized all of the images on my front page or that were in the “Finished Games” section of my site (thegamerpad.wordpress.com). All the images are now of thumbnail size.

    I don’t see anything to disconnect the Settings > Media that you’re talking about. I put the images all to 0 but that doesn’t do anything. If you can fix it so everything looks as I intended then please do. An example of what I want it to look like can be found at “Digital Downloads – Wonderful 101” and an example of what is wrong is at “Glad 2 Gamefly – Mortal Kombat”. Thank you for your help

  • Just now, editing an earlier draft to insert an image, the preview shows a tiny image.
    Here is another screen shot.
    http://snag.gy/vbaf9.jpg

    Like the previous one, the text editor shows the correct dimensions.

  • @thebirdingbunch, thanks a ton for posting screenshots! I’ve found them just now, and I wanted to leave you a quick note to say I will look into them after the weekend.

  • I don’t see anything to disconnect the Settings > Media

    The disconnect option I was talking about is something I would need to do for you. What it does is basically disconnect all the images from the Settings > Media sizes manually. That means that if you changed themes in the future, your image sizes would not update. It also means you would no longer be able to adjust the past images using Settings > Media. Since you’ve made very precise size updates to your images in the past, I think it would be a good way to go. Can you give me a confirmation that you’d like to go ahead with the update? It’s not reversible.

  • Thanks for this forum. I’ve been following it for a while, since I was setting up my first wordpress site during the time you made this update. I used Settings>Media to set the sizes for my images. But I noticed today that when I click on a page of the website, my images are the size of thumbnails. When I refresh the page, they return to the correct size. Any idea what the issue is here? I’ve specifically seen this problem on the “Why” page, the “Strategy” page, and the “Orphanages” page.

    Home

  • Hello! Thanks for posting about this. I’ve seen this issue reported 3 or 4 times, but I can’t see the problem happen when I try to test! That means I need your help to document the issue. Is there any chance you can document the problem for me with screenshots? Here are some instructions I posted before:

    If you see the wrong image size load again, please open the browser’s web inspector which can be done by right clicking the image and selecting the “Inspect Element” option. Once you have both the HTML for the image and the image showing, make a screenshot of the entire browser window and upload it to the web using a service such as http://snag.gy/

    I’m interested in this report that image sizes appear correct sometimes and incorrect at other times. If anyone else can document that by taking a screenshot of the HTML in a browser of images that show up at different sizes, that would be awesome! Note: this is separate from the images that changed size based on Settings > Media settings. This is only for when images seem to keep changing randomly on their own at different times.

    Here is a help page about screenshots in case it helps too:
    http://en.support.wordpress.com/make-a-screenshot/

    It would also help to know your browser and browser version and if you have tried testing in other browsers or not.

    I did try testing at http://emptytheorphanage.org/ by clicking on the Orphanages page and looking at the images. The images on that page appear to be 300 pixels tall to me. Is that one of the pages you had trouble with? Is 300px in height the size you were expecting?

  • zimteam2011,
    Did you read this specific post?
    https://en.forums.wordpress.com/topic/photos-have-become-small-and-off-centered/page/6?replies=188#post-1485012

    She seemed interested in some from any others who are experiencing this random issue.

    I visited your Why? page and the images were not thumbnail size, but what I assume would be the size you intended.

    And yes, I’ve done the same thing having to refresh. I’ve also had visitors who viewed those small images, but just clicked on them or refreshed the page.

    Based on the last reply to me, they are looking into this.

  • Thank you so much for your quick reply! I’m sorry, I posted that just before I finished working yesterday. Here are screen shots of two pages where the images appear smaller than they should be:

    http://snag.gy/MU9XV.jpg
    http://snag.gy/3U3Yb.jpg

    After I refreshed the page, the image appears at the correct size:

    I’m using the latest version of Firefox as my web browser. Since you are not able to duplicate this issue, I am wondering if this is only an issue when you are logged into your own wordpress site?

  • Oh, I had no idea I posted about the same time as designsimply. She gave clearer directions. :)

    If it was only seen by me, I would let this go, but I asked my readers what they see when they view my posts.

    Here are two comments that were left by logged in WordPress users.
    “This is normal. When I see a tiny one, once I click on it and even go back, it is large again. It doesn’t seem to be consistent with any particular blogger. Random.”

    “When I look at it at first it is teeny tiny… and then if I click on it… it enlarges ”

  • Since you are not able to duplicate this issue, I am wondering if this is only an issue when you are logged into your own wordpress site?

    I have tried testing on my own site without seeing smaller images, so I’m still not sure what the cause of the problem is. I will keep digging though. Another thing I don’t have a really good handle on yet is how many blogs are affected. I think yours is the third report with good data so far.

  • I’ve sent another report about the images appearing to small on the first pageload to our developers with the screenshots provided by thebirdingbunch and zimteam2011. Now we’ll need to wait to hear back.

    Thank you for providing screenshots showing the web inspector! That helps.

  • Thank you for checking into everything and continuing to work on it :)

    (I was logged in as a client when I posted as zimteam2011. This is my personal account).

  • @ehenard, thanks! I’m not sure how long it will take for this issue to get resolved, partly because it’s a bit hard to document and therefore a bit hard to test and track down.

    If anyone else is seeing the same issue where images sometimes appear too small on the first pageload and they can get screenshots showing the browser’s web inspector, please post them in a reply here and I will add them to the report!

  • Thank you for the update. I am glad it is getting looked into.

    I just happened to be perusing older posts of mine and one of them is showing the tiny images. Because I was not previewing a post, but one already published, I want to take a screen shot of the Inspect Element open, but the text is in a long string. Which portion of the text do you need?

  • @thebirdingbunch, you’ve already submitted a few good examples, and I’m interested in seeing examples from different blogs in case I can spot a pattern or something that could possibly be triggering the problem. Here is a good example that you submitted earlier because you can see width=”43 height=”16″ and “size-full” in the class section in the HTML showing in the browser tools:
    http://snag.gy/vbaf9.jpg

    I’m sorry I haven’t been able to spot what is causing this yet!

  • designsimply,

    I don’t know if you’ve answered this issue yet. In response to thebirdingbunch, you wrote:

    @thebirdingbunch, I checked the draft titled “The Poor Neighbours” and the first image does show up as 600×430 to me and I don’t see width=”510″ height=”381″ in the HTML. Did you fix it? Or, does it look correct for you if you refresh the page?

    Here’s the HTML I see for that image while previewing (not in the editor).

    <img class=”alignnone size-full wp-image-6519″ alt=”black1″ src=”http://birdingbunch.files.wordpress.com/2013/10/black1.jpg?w=690″>

    You’re finding three different width settings on a single image and wonder why, right? I was able to duplicate this on my site. It’s actually perfectly normal, I think, providing that the image in question had previously been uploaded and set at the width 690 pixels elsewhere and then added via the library to the page in consideration.

      w=690 pixels is the width at the original page
      w=510 pixels was the width setting at the new page, but it must have been removed by the time you checked on it, leaving only the original width setting of 690.
      w=600 pixels is the file size
  • Unfortunately, my scenario doesn’t explain why thebirdingbunch would see

    “http://birdingbunch.files.wordpress.com/2013/10/black1.jpg”><img class=”alignnone size-full wp-image-6519″ alt=”black1″ src=”http://birdingbunch.files.wordpress.com/2013/10/black1.jpg” width=”510″ height=”365″

    If it was as I suggested they would see

    w=690″ width=”510″ height=”365″

  • The topic ‘Photos have become small and off-centered.’ is closed to new replies.