Pictures are Distorted on Google Chrome

• 

  notatheist · Member · May 28, 2011 at 5:25 pm

  • Copy link
  • Add topic to favorites

  When people get on my website at high resolution on chrome, it stretches out my pictures and makes my blog look strange.

  Here’s some screenshots on what happens when people visit the site at 1920×1080 on Chrome.

  

  

  

  The blog I need help with is: (visible only to logged in users)

• 

  dlager · Member · May 28, 2011 at 6:03 pm

  • Copy link

  Your blog looks fine in Firefox 4.0.

  But I am going to guess that the problem in Chrome may be that the browser is incorrectly resizing your photos because of their width is to wide.

  your latest picture for example is 800 pixels wide and the space in that theme is 497.

  on the latest image :

  go back to the post editor and click on the photo with your mouse
  two icons side by side show up… the left was is the “edit Image” click on that
  resize the image to 60 percent
  hit update.

  The image will now be correctly within the limits of the blog.

  (When someone clicks you photo it will still open to the origional 800 pixel with that you uploaded— as that is still the origional file… and Chrome should be able to render the image correctly in the blog view.)

• 

  timethief · Member · May 28, 2011 at 6:04 pm

  • Copy link

  I do not know if this is a factor or not but every theme has a maximum displayed image width. To locate the width tor Ocean Mist consult this list please. http://wpbtips.wordpress.com/2009/07/23/maximum-image-width/

  For troubleshooting images see these entries please > http://en.support.wordpress.com/images/troubleshooting-images/

• 

  timethief · Member · May 28, 2011 at 6:06 pm

  • Copy link

  ~~ dlager
  G’day to you. :)

• 

  dlager · Member · May 28, 2011 at 7:58 pm

  • Copy link

  Good afternoon Timethief = )

• 

  notatheist · Member · May 28, 2011 at 8:49 pm

  • Copy link

  Timethief or dlager, do either of you have high resolution monitors? I changed the header on the post I just updated, and I’m wondering if that fixed the problem. I changed the height of the image to 60% and it looks like it worked, but I’m not sure.

• 

  dlager · Member · May 28, 2011 at 8:58 pm

  • Copy link

  The picture look fine to me, I am using Firefox 4.

  I no longer have chrome ( i have to many browsers),

  hopefully who does someone can also take a look:

  http://itsabeautifulearth.wordpress.com/

• 

  dlager · Member · May 28, 2011 at 10:15 pm

  • Copy link

  Sorry I was in last posted. I was in a hurry.

  Using google chrome on this laptop, your latest posted looks correct.

  Those earlier posted pictures on your homepage look still look distorted,
  perhaps if you reduce the sizes of the images they will render correctly.

• 

  notatheist · Member · May 28, 2011 at 10:16 pm

  • Copy link

  dlager, what resolution is your laptop at?

• 

  dlager · Member · May 28, 2011 at 10:16 pm

  • Copy link

  ***Should say: I was in a hurry when I last posted.

• 

  dlager · Member · May 28, 2011 at 10:27 pm

  • Copy link

  the resolution of the laptop was 1366 by 768, the recommended resolution of that model.

• 

  notatheist · Member · May 28, 2011 at 10:29 pm

  • Copy link

  Okay, well I changed the first two posts’ pictures, hopefully they should be sized right. How do they look?

• 

  dlager · Member · May 28, 2011 at 10:37 pm

  • Copy link

  your two latest pictures look good.
  and the one with the dinosaurs is improved, but is still stretched vertically.

• 

  notatheist · Member · May 28, 2011 at 10:57 pm

  • Copy link

  Okay, I changed every picture on my blog to 60% height. How does it look overall?

• 

  timethief · Member · May 28, 2011 at 11:01 pm

  • Copy link

  I do not have a high resolution monitor. My screen resolution is the standard 1024×768 used by 36% of the online population. I am using Firefox 4.0 and your images now look fine. :)