Image over scaling issue

  • I am currently using WordPress 3.6 with the Clean Retina theme for my site TwoDigitalGypsies.com and I’m having an image scaling issue. When I insert an image into a page or post at the size I want it often gets scaled again to a smaller size. For example, I just loaded my Photo Gallery page in Google Chrome and the NextGen Gallery Slider is displaying correctly. The Image of the Week and the Image of the Month should be displaying at 600px wide but are displaying at 300px. It’s the same on images I insert into pages and blog posts. If I insert a 300X200px into a page or post it gets scaled again to 154X103px. Only thumbnail images I insert into pages/posts don’t seem to have this problem.

    If I inspect the element images that display correctly have this code:

    img class="size-full wp-image-680" alt="Alhambra palace located in Granada, Spain" data-cfsrc="https://i0.wp.com/twodigitalgypsies.com/wp-content/uploads/2013/03/Alhambra600.jpg?resize=600%2C450" data-recalc-dims="1" src="https://i0.wp.com/twodigitalgypsies.com/wp-content/uploads/2013/03/Alhambra600.jpg?resize=600%2C450" scale="0"

    and images that display incorrectly display this code:

    img class="size-full wp-image-679" alt="Roman Aqueduct in Segovia, Spain" data-cfsrc="https://i2.wp.com/twodigitalgypsies.com/wp-content/uploads/2013/03/RomanAqueduct600x450.jpg?zoom=2&resize=600%2C450" data-recalc-dims="1" width="260" height="25" src-orig="https://i2.wp.com/twodigitalgypsies.com/wp-content/uploads/2013/03/RomanAqueduct600x450.jpg?resize=600%2C450" scale="2" src="https://i2.wp.com/twodigitalgypsies.com/wp-content/uploads/2013/03/RomanAqueduct600x450.jpg?zoom=2&resize=600%2C450"

    Looking at the code, images displaying correctly show scale=”0″ and the images that get scaled again show scale=”2″.

    I’m not sure if this is a WordPress issue, a theme issue, something I’m doing, or even a browser issue. It does this in Firefox and Chrome but not in Safari.

    Any help someone could give me would be much appreciated.

Viewing 7 replies - 1 through 7 (of 7 total)

  • Post a new image and see if you have scaling problems.

    Thread Starter kmac56

    (@kmac56)

    Just posted a new image to the Photo Gallery page and added a map icon to the Destinations page. Both were over scaled when I loaded the pages. If I reload the page or use the forward and back buttons often times they will scale correctly, but not always.

    Is this a browser issue? Everything scaled perfectly in Safari, but not in Firefox and Chrome.

    Can you link to a post that shows the result as explained above?

    Thread Starter kmac56

    (@kmac56)

    Yes, in the Aldeburgh post that I just loaded in Chrome, the image should be displaying at 300px in width and 200px in height and when I inspect the element it is currently displaying at 77x51px. It’s exactly the same when I load the post in Firefox.

    Well, I can view the image with dimensions 300 x 200 in Chrome as well as Firefox – I don’t use Safari.

    You may clear caches and cookies and view the image and see if you find the image in the correct dimensions. Also try using another machine

    Image is displaying at 300×200 for me as well. Like Krishna suggested, purge your cache and reload

    Thread Starter kmac56

    (@kmac56)

    Ok, I purged the cache and cookies on Firefox & Chrome, and I purged the CloudFlare cache. Images still over scaled on my MacBook Pro with Retina display. THEN I went to my Mac Mini and purged the caches and cookies on Firefox and Chrome and EVERY image on both browsers displayed correctly. Does it seem like the issue may be with my MacBook Pro with Retina display running Chrome and Firefox, because it doesn’t over scale with Safari?

Viewing 7 replies - 1 through 7 (of 7 total)
  • The topic ‘Image over scaling issue’ is closed to new replies.