- This topic has 23 replies, 3 voices, and was last updated 4 years, 3 months ago by Leo.
-
AuthorPosts
-
January 9, 2020 at 2:31 pm #1127255Michelle
is there a free easy plugin that works with all different image sizing with width and height? or how do I change in CSS?
According to a report on my website, my images are not properly sized. Message below.Add width and height attributes to all image tags. The width and height you specify should be the same as the source image. If you want to resize an image in the browser, use CSS. (read more)
85%
of images have a clearly defined size
34
images are being resized by the browser
Some images (15.0%) don’t have defined sizes using width and height attributes in the HTML. These attributes are optional, but strongly recommended as they help the browser arrange the page more quickly. Show recommendations
34 images are being stretched in the browser. Show recommendationsJanuary 9, 2020 at 2:47 pm #1127268LeoStaffCustomer SupportHi there,
Really hard for us to tell without that message.
Generally you just want the original uploaded image to be the same/close as the final display.
Your home page is a good example of that – the original image is basically the same size of the final display.
So I would recommend going through your media library and see if there are any big images uploaded in there but end up getting scaled down on the page.
Let me know if this helps 🙂
January 9, 2020 at 3:00 pm #1127278MichelleI am not understanding. sorry. Honestly, I don’t pay attention to the image size. I just upload what I want on there and thought that the sizing was automatic. I am just finding out that some of the images can be messed up from that because of mobiles and tablets.
So if the images are too big then how do I know what the size should be so it looks right. Now I am confusing myself.
What message would you have to see?January 9, 2020 at 4:09 pm #1127320TomLead DeveloperLead DeveloperHi Michelle,
I’m not seeing this issue on your website. Is there a specific page you’re testing where this is happening?
Something you want to avoid is uploading a large image and having it display at a much smaller size on the page. This means you’re loading a large image (with a big file size) just to have it display as a small image (which could be a small file size).
January 9, 2020 at 4:13 pm #1127322MichelleNibbler tested the following pages
https://horsespropernutrition.com/
https://horsespropernutrition.com/cinny/
https://horsespropernutrition.com/understanding-horse-nutrition/
https://horsespropernutrition.com/horses-6-nutritional-daily-requirements/
https://horsespropernutrition.com/you-never-have-enough-horse-knowledge/January 9, 2020 at 4:17 pm #1127323TomLead DeveloperLead DeveloperSo it looks like your logo is very big and being resized down. Can you try uploading a smaller version of your logo? It’s currently almost 2000px wide being resized down to 400px.
January 9, 2020 at 4:26 pm #1127332Michelle`
where is the uploading on the replyJanuary 9, 2020 at 6:00 pm #1127364LeoStaffCustomer Supportwhere is the uploading on the reply
Uploading the logo?
If so it’s this option in the customizer:
https://docs.generatepress.com/article/adding-header-logo/January 9, 2020 at 6:19 pm #1127370MichelleOh sorry, I just reread what you wrote above. The first time I read it, I thought you were asking me to upload my logo image to you, but you were asking me if I was able to upload a smaller image logo to my site. it’s been a long day.
Yes, I do have a smaller image 400×165 dimensions. I didn’t know the sizes were that different.
January 9, 2020 at 6:25 pm #1127374MichelleI changed the logo image to the dimensions of 400×165
January 9, 2020 at 6:30 pm #1127377LeoStaffCustomer SupportLooks like the original image is now 325 * 118.
You can try reducing the logo width to 325 so it’s not so blurry.
January 9, 2020 at 6:39 pm #1127380Michellethat’s where I was wondering about a plugin or the css because I don’t know how to reduce the size. When I uploaded the image it gives you a cropping size, but to be able to get the whole logo I had to stretch it.
January 9, 2020 at 6:46 pm #1127382Michelleok I did the size 320×132 don’t know if that helped, but I had to do the same thing with the cropping. that is the smallest size
January 9, 2020 at 7:58 pm #1127406LeoStaffCustomer SupportWould you happen to have an SVG file of the logo image?
It would be the best option.
January 10, 2020 at 12:59 pm #1128234MichelleNo
-
AuthorPosts
- You must be logged in to reply to this topic.