why is wordpress /stretching/ my images

link to our site to illustrate the issue?

did you contact the theme author?

Hi. That’s a great idea I didn’t think I could do this.

I had three issues, really.

The first was this stretching thing

The second was how to change the default email and phone number in the top right hand corner and

The third was the “blog home page” (not the home page for the whole site) does a weird slideshow animation of /some/ of the images. I find this really, really distracting.

Thanks!

Hi! Wait.

Can you please tell me how to do this? I tried clicking on his name in the theme and it brings me back to the WP theme site.

I have to do it in the subscriber only forum??

Where do I find this forum?

Thanks,

Jonathan

We really need a link to your site to see how they’re being stretched. =)

Hi. Thanks.

https://formpig.com/blog/

Almost all of the images in the blog posts (some of these are square) are being stretched to fit the space…

thanks.

Hi RJ

Again a big thanks.

Here is an example of it not being stretched.
https://formpig.com/blog/?p=388

lower right hand corner show the post being stretched
https://formpig.com/blog/?cat=13
https://formpig.com/blog/?page_id=716

Also this last page shows this uber annoying slideshow that I’d like to get rid of.

Somehow the “proper” image on the blog is OK but the blogroll images get stretched??

Thanks

Ah. The images have their width/height hardcoded into the template.
<img src="https://formpig.com/blog/wp-content/uploads/2010/09/formpig_torroja_truss-compilation-150x150.jpg" alt="torroja, eduardo" class="thumbnail thumbnail " width="310" height="150">

The image itself is a 150×150 thumbnail
https://formpig.com/blog/wp-content/uploads/2010/09/formpig_utzons-sphere-150×150.jpg

Since HTML doesn’t have much (any) logic to figure out if the dimensions are right, it’s displaying the images exactly as its told.

Go into the template files affected (I’m guessing archive.php and category.php, but that will vary by your template) and change width=”310″ to width=”150″. You’ll also need to adjust for the positioning of the images.

The slideshow code “should” be at the top of page.php and getting rid of that “should” be as simple as removing the code. Your theme may have options to turn off the slideshow, as well, which would be preferable. (The options will be under the Themes menu on the admin side if they exist.)

Hi RJ.

Thank you so much. It would be really great to get “unstuck” here and get this moving. It has been a very long goal.

Do you mind if I print this out – and try and see if I can get it working – and then post back any questions?

Can I ask you a couple now so that I know I understand it “intellectually”? I’m not a big coder and to the extent I can have very specific directions it helps.

When you say the image sizes are hardcoded into the template and that the image itself is 150 x 150 what does this mean exactly? I mean, you are saying that if I open the original image it will show me that it is 150 x 150? What does the hardcoding mean? Does it just mean that the image was uploaded as 150 x 150 or something else?

Are you suggesting that I get into the ftp where I have uploaded the Theme and change the archive.php and the category.php /code/ to read 150 instead of 310? Am I doing this just for this image or – as it sounds – for the whole site? I’m not sure I get this.

I’ve gone in and put all the images to “left” using the WP interface. This seems to work well and the WP interface is really the preferable way for me to interact with the blog. The coding is a little tricky for me. I’m a little like a dumb monkey with it and I’d love to stay out of there if possible.

Can I change any of these settings in the WP UI?
Should I think about changing the actual size of the images and then re-upload them? I’m not sure I even understand some of this.

I mean, I am uploading images with all different sizes and I don’t want them to be stretched. I don’t mind at the moment if they are particularly rasterized because the /originals/ are thumbnails but if I am setting them to display as thumbnails – or if I have a setting that is causing them to be stretched I really want to fix this…

THANKS for the help in getting unstuck here…

Hi Coleen, All.

I have gotten the instructions.html for Static and opened the Media Section and changed the settings to those suggested in the instructions.html:

“F8 is a 950px wide, one or two column theme, depending on options you have chosen. We need to set up your default image and thumbnail sizes to allow for easy posting and consistent design structure. Click Settings – Media.

Set your thumbnail size to 310px wide by 150px tall.
Set your medium size images to 590px wide. Do not set a height.
Set your large size images to 950px wide. Do not set a height.”

Anyone able to advise as to why these pages are still getting stretched?

Thanks.

– Jon

Can someone please take a look at the Maximum Image Size post and tell me if I am tilting at windmills in trying to get F8 static to display my thumbnails unstretched and uncropped…

‘https://www.ads-software.com/support/topic/maximum-image-size?replies=17#post-1705429’

thanks.

OK. I get it. Either you are going to get stretched images or you are going to get cropped images from the automated thumbnail routines.

You can’t get true thumbnails.

Hey formpig,

Sorry I didn’t jump in earlier to answer these. I don’t know what (if anything) you’re still looking at, so in regards to your very last question…

You can get “true thumbnails” – but they won’t fit in with your theme’s category layout. For example, a true thumbnail for a 600px by 400x image would maintain that 3:2 ratio and be 150px by 100px. You can tell WP to do that, but it isn’t going to look OK in your theme. In this case, you want to crop the thumbnails, which appears to be what you’re doing now, to force them into the right size (or change the size to fit the images). Either way, you want a consistent image size for every thumbnail, which requires cropping.

If you have old thumbnails which are still getting stretched, you need to “rebuild” your thumbnails based on the new settings. There are a few plugins available to do this (and I’ve never used a single one of them). This one comes up first in Google, though. =)
https://www.viper007bond.com/wordpress-plugins/regenerate-thumbnails/

Try going to your photo editor in your computer and changing the pic size and cropping to match that of the theme size. Get it the way you want it then re upload it.