Thumbnails appear to be zoomed

Question

Im using a theme which has my thumbnais set to 150x150px. But after installing plugin (just too check it out) I noticed it displays them correctly, but the default thumbnails are zoomed in. Can anybody give me a clue on where I should be looking? This is the css for the thumbs:

#content .featured_box { width: 150px; float: left; margin-right: 14px; color:#afafaf; }
#content .featured_box img { width: 150px; height: 150px; }
#content .featured_box p { font-size: 11px; color:#afafaf; }
#content .last { margin-right: 1px; }
#content .first { margin-left: 1px; }

.recent_box { width: 150px; float: left; margin-bottom: 15px; }
.recent_box img { width: 150px; height: 150px; }
.recent_box h3 a { font-size: 13px; color: #000; text-decoration: none; }
.recent_right { float: right !important; }

Edit: Im still no further forward with this, can anybody else think of anything else why/how this would be happening? Could it be down to the video thumbnail is 16:9 and the thumbail is 4:3?

Here is the php stuff also:

<a href="<?php the_permalink(); ?>"class="img_hover_trans"><?php the_post_thumbnail('featured-small'); ?></a> <h3><a href="<?php the_permalink(); ?>"><?php the_title(); ?></a></h3>

edit 2: I found this in my functions.php

if ( function_exists( 'add_theme_support' ) ) { // Added in 2.9
  add_theme_support( 'post-thumbnails' );
  add_image_size('featured-big',335,338,true);
  add_image_size('featured-medium',284,176,true);
  add_image_size('featured-small',150,150,true);
  add_image_size('featured-sidebar',58,58,true);
  add_image_size('featured-blog',336,157,true);
  add_image_size('recent-sidebar',150,150,true);
}

edit 3: Strange on this, but if I change one of the above lines to:

  add_image_size('featured-small',200,150,true);

It displays in the correct aspect ratio (even though its set to 150x150 everywhere else). I dont know why that works, but it does.

Answer 1

Isn't it because you're using $crop as true, as the 4th parameter for the add_image_size() function?

This will crop the image and does not actually resize the image.

Answer 2

I'm pretty sure it's because CSS is forcing a dimension on all images, and the ones that appear "zoomed" are physically smaller, so they get stretched to fit.

Just because your thumbnails are set at 150x150, doesn't guarantee they will be. Images uploaded in the past will remain as they were, even when you change your media settings.

And it's worth notigin WP won't upscale images to fit dimensions, it'll only crop/downscale. So if you upload one that's small to start with, the thumbnail may indeed be less than 150x150.