Uniform Size for Thumbnails
-
Although you can set MAXIMUM sizes for thumbnails, medium and large images in the settings menu, I can’t seem to find a way to get thumbnails to be uniform in size on one page. I checked out this thread: https://en.forums.wordpress.com/topic/all-i-want-is-my-thumbnails-uniform?replies=9#post-186214, but it was done before the update to 2.8 in December so the information is not relevant.
Can anyone help?
My WordPress blog is http://agatedesignjewelry.com
Thanks!
The blog I need help with is: (visible only to logged in users)
-
-
I think both. Please take a look at my pages (Bracelets, Necklaces, etc.) and see what you think — I’ve now changed my privacy settings so you should be able to get in. Thanks for your help!
-
-
Duh-oh. You set it to public.
Try this with a test page and see what happens. Set only the horizontal (width) and leave the vertical (height) blank and see what happens.
-
Well, I tried that, but the program didn’t let me leave the vertical blank and instead assigned 96 pixels to the height. Do you think I should try something else?
Thanks!
-
Before you tried changing the width and deleting the height, were they both the same numbers?
-
-
I just set my test blog to 150 for both the height and width under settings > media.
I then created a post and inserted the same image as landscape, portrait and as a cropped portrait. Base size for the images was 800 x 600 (except for the cropped which was something by 600 tall – I didn’t pay any attention to the width when I cropped).
With the image inserted landscape at thumbnail setting, the image in the post is 150w x 112h. With the image inserted portrait, the image is 112w x 150h. With the crop, the image is 69w x 150h.
The settings at settings > media set the max width and max height and the actual size of the image is determined by the widest dimension of the image.
If you want all the images the same width, in the post editor, click on the image you want all the other images to match, click on the edit image icon (mountain) and then click on the advanced tab and note the width in the width field.
Then click on each image in succession, click the image edit icon, switch to the advanced settings tab and put the number from the step above into the width field AND delete the value in the height field so that the image will be resized proportionally and save the changes. Do this with each image.
Do note that in some instances, from looking at your site, that this will make some of the image quite a bit taller than the other images (the ones that were quite narrow compared to the others.
Really what you want to do is to size images before you upload them so that they are all either the same width or height (depending on which is most important to you).
-
OK — I will give this a try in the morning — Thanks for taking the time to test this out! I’ll let you know how it turns out.
Thanks again!
-
-
Hi — I finally have a chance to sit down and try this, however, I can’t find the “advanced tab” referred to in your post. I go to edit post, and I click on the image edit icon, then I click on that (the other option is delete), it brings me to a window with Media and Gallery settings. Can you tell me where I went wrong?
Thanks!
Again, the blog is http://agatedesignjewelry.com.
Thanks!
-
When you click on the image inserted into your post, then click on the edit image icon that displays at the top left of the image in the post, a window opens. At the top of that window are two tabs: edit image and advanced settings. Click the advanced settings tab. That is where you find the height and width fields.
-
OK I see now after viewing the source that you are using the gallery feature which means there won’t be any “advanced settings” tab when you insert. The gallery gives you virtually no control over image size so I’m afraid what you are getting is pretty much what you are going to get.
The only other option would be to code up a table and then put the images in a table and insert them one at a time and then size them as I have mentioned above.
-
Thanks for trying — I think I can probably live with it – I can always shift the order of the gallery images to see if I can get them piece together in a way that looks balanced.
Thanks again for all your advice!
-
-
Can I ask you one more favor? I was just about to give up on this topic when I visited gammagirl.wordpress.com and visited the link to “The Galleries.” All of her thumbnails (portrait and landscape) look incredibly uniform — Is there some way you can ask her how she did it?
Thanks — hate to beat a dead horse, but I still think there must be a way.
Again, my url is http://agatedesignjewelry.com
Thanks!
-
She says right on the post:
I’ve changed the display settings of the Gallery here to [ gallery id=”XX” columns=”2″ size=”medium” ], and since she’s obviously sophisticated in the ways of displaying images online, she probably uploaded the images at a uniform size before applying the modification.
-
Thanks for your reply. Unfortunately, I don’t know any code and I’m not sure where to find the display settings of the galleries on my pages. Can you tell me where to look, and also whether it’s possible to do this in Visual vs. HTML mode?
Thank you.
-
You must do it in HTML mode. Insert the Gallery, then go to the HTML editor tab and change the code there.
If you upload all the images the same size to begin with, all your thumbnails will be the same size without you having to do that, though.
- The topic ‘Uniform Size for Thumbnails’ is closed to new replies.
WordPress.com Forums 