Images sizes problem – page speed

I don’t understand what size images to use, if I want to build a block 2 it says I should use 326 x 159 for the top images and 100 x 65 for the smaller images, so I went to an article and added a featured image in the 326 x 159 size, and in the block 2 top position it looks great, but when I click on the article and I go to the actual post the image is small and there is lots of white space around it, then when I ask the slider to use that article, the image looks tiny.

So the question is even if I add in all the different sizes how do I make the images show as all the right sizes in the different areas that they can go without either clipping the images or them looking tiny?

I guess I am thinking that only uploading the slider size images is going to affect rather badly my page load score even though I can see that it fills all areas.

Since this theme is meant to be able to have a quick page speed with tweaking how is this working if it does not select the right size image for the area in question.

• This topic was modified 12 years by Lolly. Reason: added more info

What I do is use the full size images on the post page, as featured image, and then WP creates the smaller thumbnails to use on indexes and home page.

You would only start with smaller images if you’re only using those for a non post element.

So, start with an article and the main image for a featured image of 700×406 for the big image, and then the smaller ones get built automatically (e.g., 100×65, 326×159, etc.).

At least that’s how it works for me.
Hope that helped. 🙂

The short answer:
Start with post; then indexes are built from the post, not the other way around. Use big image for big image, then small images built by WordPress.

Hi Christopher, I was just about to ask you to help me with image sizes! lol

I was reading through all your speed up website stuff (spent last 2 days getting my basic website (with enfold theme) up to high numbers) it started of low but now have it at 80/100 mobile and 92/100 for desktop via Google page speed, and GTMetrix is now 99% and 92% and I wont be using CDN at this time so don’t expect to get much higher on the Yslow Grade.

Thanks for helping with the images, my website is at a standstill as I could not work out the images and kept trying to find a plugin and was looking at scripts and hating it! lol

Dont suppose you are able to answer any of my other problems? So wish I had not added the theme, my other one was set up perfectly, but I felt it was leaking juice all over the place and this site looked like it would be fast out of the box and leek less juice and work well for a silo, but now I just have to hide it and know it could be what I am still trying to fix on xmas day instead of having fun!

One more thing how do you make image sizes it work with the slider? I just added the correct size but it cropped it for some of the other sizes.

I might switch over to the revolution slider as at least I decided the size of everything, but I really think it would take too much time mucking around as I intend to add at least 3 new posts each week, and revolution to look really good takes me time to set up.

• This reply was modified 12 years by Lolly. Reason: spelling

I went and resized some images to the 700 x 357 and it crops them when using it in other places, that would be ok except when the image includes writing and its chopped part way through! lol

Wishing I had stayed with the previous theme as I still need an answer that will work and not crop images and I worry there will be no help till next year or after xmas.

I will keep looking for a plugin that serves the correct size images, but I think this should be part of this theme since it has so many different image sizes.

Ok I went to another forum (wordpress.org) and was given help there.
From what I can gather I load the largest image which in this case is 1074 x 483 for the large slider, and then wordpress creates all the other image sizes by a standard cropping method, by installing a plugin that allows access to all those images I can choose how to crop them.

In the meantime I am working in Photoshop to find out the best way to set up the largest slider image so that when it gets cropped I stand the best chance of having a usable image.

I guess if I went for uploading just the 700 x 357 it will get stretched, but so far have not seen how that might look.

Will come back with a better answer once I have played with this a bit.

Update: Played with this a bit and if I start in Photoshop with a image size of 250 X 167 it appears to up size through all the different image sizes without a problem, so creating it first in that size then increasing the size to the largest image size possible which is 1074 x 483 would appear to work.

The plugin I am using to try and do it inside wordpress is Manual Image Crop which seems fine.

Hopefully this will solve at least this problem.

• This reply was modified 12 years by Lolly.
• This reply was modified 12 years by Lolly. Reason: update

Already rebuilt the thumbnails, so that’s cool. Not all look good anymore with this theme, so still having to redo them.

I just wanted to add a feature image that is a reasonable size, like 326 x 235 as that will keep my website fast, but then it does not fit into all the places and looks bad most of the time, but if I upload 700 x 357 its a big file as I have over 300 posts on my site and by the time I add all those images that’s getting too big.

I know Google is going to complain about page speed and that affects my ranking, so I am trying to balance it all up.

If the large 700 x 357 placeholder did not keep showing up under category page at the top, then I would not use that large size anywhere, if you tell me how to remove that top post which just seemed to be pulled from the first post, then that should make things all work out.

I am happy to do css, htaccess and php as long as you are clear where I am making alterations, prefer custom css if possible, but not sure you have that with this theme.

Happy to sue a child theme, in fact after custom css, it would be my next best choice.