Wordpress Themes - WP Forum at BFA
Click here to register or to donate.
Auto self-registration is not available here - far too many spammers. This forum has many, many backlinks and because of that there is an intense desire among spammers to drop their links here.

Wordpress Themes - WP Forum at BFA » WordPress Themes » Atahualpa 3 Wordpress theme »

[SOLVED] Images Displaying Larger than Actual Size in Posts/Pages


  #1  
Old Oct 18, 2011, 04:29 PM
travelswithkim
 
3 posts · Oct 2011
Hi,

I've searched for an answer both on the forums and search engines and can't seem to find an answer as to why my images aren't displaying correctly. I don't know what exactly is causing the problem so I thought I'd post here to see if anyone's experienced something similar when posting images.

The Problem:
Photos of different pixel widths are all displayed at the same width in my posts and pages when I select "full size."

For example, I have an image of dimensions 550x413 and one of 600x400 and insert them both at full size into a post. When viewing the post, they are displayed at the same exact size (which is actually larger than the image size itself. If you right click>view image you'll see the size shrink). It seems the images are getting upsized, so to speak.

Atahualpa settings:
Layout max width = 800
Right Sidebar width = 250

I'm not sure where to find out exactly what the center column width is but I believe it's about 650.

I've tried tweaking all of the settings I can think of in both Atahualpa and Wordpress and am at a loss as to what's causing this.

I'm using Atahualpa 3.6.7 and Wordpress 3.2.1. Here's a page with some example images sizes:
http://www.travelswithkim.com/test-image-sizes/

If anyone has any ideas I'd be grateful to hear them.

Thanks so much in advance!
Kim
  #2  
Old Oct 18, 2011, 09:14 PM
lmilesw's Avatar
lmilesw
 
10,174 posts · Jul 2009
Central New York State USA
The images are physically larger than the area I see them in which is about 500px wide.
__________________
~Larry (CNY Web Designs)
This site should be a membership site since it so full of good stuff.
Please consider donating which gives you access to even more good stuff.
  #3  
Old Oct 19, 2011, 04:16 AM
juggledad's Avatar
juggledad
 
23,632 posts · Mar 2009
OSX 10.11.5 WP 4.x Atahualpa(all) Safari, Firefox, Chrome
when you use 'size-full' you are assigning a CSS 'class' to the element, so you have to look at the code to see what that CSS does
HTML Code:
.post img.size-full {
   max-width:96%;
   width:auto 100%;
   margin:5px 0 5px 0
   }
since your page max width is 800px and your right sidebar is 250px, the post area is (800-250) 550px wide. Since you have an image that is 750px, but with the CSS you tell it to only use 96% of the available space (96% of 550px = 528px) it is resized to site the space.

If you were to take off the 'size-full' the entire image would show and it would overlap the right sidebar.
__________________
"Tell me and I forget, teach me and I may remember, involve me and I learn." - Benjamin Franklin
Juggledad | Forum Moderator/Support
  #4  
Old Oct 19, 2011, 08:35 AM
travelswithkim
 
3 posts · Oct 2011
Thanks for the quick responses!

@lmilesw-
Looks like I should've made the center column larger to better illustrate my issue. I've reset the layout Max width to 1050, which should make the center column 800 so all of the images should now be smaller than the width available.

@juggledad-
Whoops, it would help if I did my math correctly. You're right - the center column was initially 550. And thanks for the other info but I'm still having trouble.

Now that I've made the layout max width 1050, all of the images are now displaying at different sizes. However, they're all displaying at sizes larger than their actual pixel size which is degrading the quality of the photos.

There are two ways I can tell the images are displaying larger:

1) When right clicking on the image > view image, the image noticeably shrinks from the size it was showing on the post or page.
2) When in Photoshop I can view the photo at "actual pixel" size and it's smaller than what's getting displayed on the screen in my posts and pages.

Basically, all of the images seem to be showing at something like 125% instead of 100% or less.

I mainly use Firefox and this is where I'm having the issue. I just tested on Internet Explorer and interestingly the problem doesn't occur there. The images show at their true size.

Thanks again for your help!
  #5  
Old Oct 19, 2011, 10:28 AM
juggledad's Avatar
juggledad
 
23,632 posts · Mar 2009
OSX 10.11.5 WP 4.x Atahualpa(all) Safari, Firefox, Chrome
Do you, perhaps, have your browser set with a zoom? they are the same size when I look at them in Safari on my mac
__________________
"Tell me and I forget, teach me and I may remember, involve me and I learn." - Benjamin Franklin
Juggledad | Forum Moderator/Support
  #6  
Old Oct 19, 2011, 10:47 AM
travelswithkim
 
3 posts · Oct 2011
@juggledad,

That was exactly what the problem was! I had totally forgotten that I changed the zoom and didn't realize how it was affecting the overall display of the page and images. I spent so much time and could not figure out what it was until you suggested that.

I really appreciate your help. Thanks again!

Bookmarks

Tags
image, photo, problem, resizing, too large

Thread Tools Search this Thread
Search this Thread:

Advanced Search
Display Modes


Similar Threads
Thread Thread Starter Forum Replies Last Post
Show actual comments in multi-post pages arbatax Comments, trackbacks & pings 5 May 4, 2013 08:54 AM
[SOLVED] Larger Posts on home page wwest Page & Category Menu Bars 1 Jul 27, 2010 04:08 PM
Trouble displaying posts/pages correctly tigger32382 Atahualpa 3 Wordpress theme 0 Nov 20, 2009 11:50 AM
How do you make larger images in the image attachment pages? JasonCross Atahualpa 3 Wordpress theme 6 Sep 17, 2009 10:37 AM
I need to upload larger images the PaperTemptress Atahualpa 3 Wordpress theme 1 May 4, 2009 10:32 PM


All times are GMT -6. The time now is 08:03 AM.


Powered by vBulletin® Copyright ©2000 - 2018, Jelsoft Enterprises Ltd.