Hi,
Can somebody explain in very simple terms how to set the height and width parameters of images for me, please?
Google Search Console say it is one of the issues with my core web vitals.
Thank you.
Join the Discussion
Pedrone
Premium
Hi Lisa,
ok maybe the link that I send you is not
's easy, but has a lot of info, and some free plugins directly from WordPress developers
https://developer.wordpress.org/reference/functions/add_image_size/
Also, I send you a youtube link in a private message,
My friend, hope is of help to you.
Have a great day
Pietro
ok maybe the link that I send you is not
's easy, but has a lot of info, and some free plugins directly from WordPress developers
https://developer.wordpress.org/reference/functions/add_image_size/
Also, I send you a youtube link in a private message,
My friend, hope is of help to you.
Have a great day
Pietro
Reply
PhilJones
Premium Plus
Hi Lisa,
I might recommend: GIMP if you want free and just
a small learning curve.
I'm not allowed to give you the link so just do a search on
Youtube: how to make thumbnails.
This is a youtube link with a small video showing how
to make a youtube thumbnail.
Gimp is very powerful and as I said FREE.
Good Luck!
Phil J
I might recommend: GIMP if you want free and just
a small learning curve.
I'm not allowed to give you the link so just do a search on
Youtube: how to make thumbnails.
This is a youtube link with a small video showing how
to make a youtube thumbnail.
Gimp is very powerful and as I said FREE.
Good Luck!
Phil J
feigner
Premium
why are you not allowed to add the link Phil....
if there is no affiliate link in it then it is fine to link to outside training....
phil
if there is no affiliate link in it then it is fine to link to outside training....
phil
feigner
Premium
i agree with not promoting your domain...
but your link would be to youtube....so no problem....
but your link would be to youtube....so no problem....
PhilJones
Premium Plus
I appreciate your input but that is not what Wealthy Affiliate says.
When you type in the domain specific link a warning box is issued with bold red letters. It doesn't say anything about whether it is an affiliate link or otherwise.
For me the link would be benign but I don't wish to anger the Gods.
Phil
When you type in the domain specific link a warning box is issued with bold red letters. It doesn't say anything about whether it is an affiliate link or otherwise.
For me the link would be benign but I don't wish to anger the Gods.
Phil
feigner
Premium
if it includes a ? then it is flagged as possibly containing a query which can make it insecure or have an affiliate link...
but you can change the ? to be & # 63...which then replaces the ? (take out the spaces to be recognized as a ?)
but you can change the ? to be & # 63...which then replaces the ? (take out the spaces to be recognized as a ?)
Pedrone
Premium
Just send the link in a private message, as many as you want
that's why we do have the private message area:)
have a great day
Pietro
that's why we do have the private message area:)
have a great day
Pietro
BrendaMZ
Premium
Hi Lisa, I am glad you are not giving up and working on analyzing issues to solve them. FYI, I really like EWWW Image Optimizer plugin. Its done automatically thats what I like when about it when I upload a jpg or png image in WP. The automatic optimizer is best for a non-photo nerd. I know nothing about how to change sizes or anything. That plugin does its work. I not tried any other image plugin like WP Rocket or Optimole. I did use Kraken but I couldn't figure it out. If its too hard, I don't bother with it.
FrankB-1
Premium Plus
Hi, Lisa
I use a method similar to Phil’s.
Google may be objecting to your image formats due to load time or because they negatively affect the user's visual experience on a mobile device or both.
I define the size (dimensionally and file size in KB) of each image in Canva Pro when I am creating them.
Whenever possible, I use the jpg graphic format or png when the graphic is very simple (like a chart) or can't be viewed clearly in jpg. This will save you disk space and load time. I don't use the webp format because it seems to lose optical clarity, especially on a low-resolution screen.
If an image is too big, file-size-wise, in Canva Pro, I will scale down the resolution without changing the aspect ratio.
For example, if I have a jpg image with a file size that is too large in a resolution of 640 wide by 400 high, I can scale the image down to half that resolution (320 by 200) without changing its aspect ratio and get a file size that's a lot smaller than half the original size in KB due to the way images are created with Canva Pro's digital compression algorithms.
None of my images are ever brought into the media library in MB file size. They are always in KB size. They get compressed a second time in the media library by a WordPress plugin like Kraken.
You can also crop the image in size or reduce its resolution in the Media Library or after you place it in the Block Editor.
I probably included a little more info than you were looking for, but I want you to have a reasonably complete understanding of what I am talking about.
Hope this helps,
Frank
I use a method similar to Phil’s.
Google may be objecting to your image formats due to load time or because they negatively affect the user's visual experience on a mobile device or both.
I define the size (dimensionally and file size in KB) of each image in Canva Pro when I am creating them.
Whenever possible, I use the jpg graphic format or png when the graphic is very simple (like a chart) or can't be viewed clearly in jpg. This will save you disk space and load time. I don't use the webp format because it seems to lose optical clarity, especially on a low-resolution screen.
If an image is too big, file-size-wise, in Canva Pro, I will scale down the resolution without changing the aspect ratio.
For example, if I have a jpg image with a file size that is too large in a resolution of 640 wide by 400 high, I can scale the image down to half that resolution (320 by 200) without changing its aspect ratio and get a file size that's a lot smaller than half the original size in KB due to the way images are created with Canva Pro's digital compression algorithms.
None of my images are ever brought into the media library in MB file size. They are always in KB size. They get compressed a second time in the media library by a WordPress plugin like Kraken.
You can also crop the image in size or reduce its resolution in the Media Library or after you place it in the Block Editor.
I probably included a little more info than you were looking for, but I want you to have a reasonably complete understanding of what I am talking about.
Hope this helps,
Frank
LMH1968
Premium Plus
Thank you, Frank.
It all sounds double dutch to me.
When I create an image in Canva I download it in jpg and change the size from 1 to 0.5 and make the file size medium.
Then in WordPress, I sometimes make the image smaller using the sizing in the block editor.
But core web vitals in the Search Console is saying 68 pages are slow and WP Rocket says the Height and Width are not set.
To be honest I don't have a clue what I'm doing :-)
It all sounds double dutch to me.
When I create an image in Canva I download it in jpg and change the size from 1 to 0.5 and make the file size medium.
Then in WordPress, I sometimes make the image smaller using the sizing in the block editor.
But core web vitals in the Search Console is saying 68 pages are slow and WP Rocket says the Height and Width are not set.
To be honest I don't have a clue what I'm doing :-)
FrankB-1
Premium Plus
Hi, Lisa
I wouldn't think of file size qualitatively. Although 0.5 is half as big as 1.0, what's your actual file size in KB and resolution (image width and height in pixels)?
For example, if you have an image that is 6,000 X 4,000 pixels (exaggerated to make a point), downloading the image from Canva at "medium" = 0.5 will still give you an image too large for your website and too big in file size.
So, look at the actual numbers. What are your typical downloaded image file sizes before uploading them to the media library (10KB, 100KB, 1MB)? How about their actual width & height?
I use WP Rocket, and I'm not getting that error. Make sure you have all the settings optimized for your website. Once you do, everything works great!
Perhaps another plugin is adversely affecting WP Rocket. Are you using a separate CDN (content delivery network) plugin? If you're not using WP Rocket's CDN (RocketCDN), this may be causing your problem.
I would open a ticket with WP Rocket support and explain the problem to them (Height and Width are not set). You can also have WA Site Support take a look at your site to see if they have any recommendations.
Continue troubleshooting everything in a systematic fashion and you will find the problem.
Frank
I wouldn't think of file size qualitatively. Although 0.5 is half as big as 1.0, what's your actual file size in KB and resolution (image width and height in pixels)?
For example, if you have an image that is 6,000 X 4,000 pixels (exaggerated to make a point), downloading the image from Canva at "medium" = 0.5 will still give you an image too large for your website and too big in file size.
So, look at the actual numbers. What are your typical downloaded image file sizes before uploading them to the media library (10KB, 100KB, 1MB)? How about their actual width & height?
I use WP Rocket, and I'm not getting that error. Make sure you have all the settings optimized for your website. Once you do, everything works great!
Perhaps another plugin is adversely affecting WP Rocket. Are you using a separate CDN (content delivery network) plugin? If you're not using WP Rocket's CDN (RocketCDN), this may be causing your problem.
I would open a ticket with WP Rocket support and explain the problem to them (Height and Width are not set). You can also have WA Site Support take a look at your site to see if they have any recommendations.
Continue troubleshooting everything in a systematic fashion and you will find the problem.
Frank
LMH1968
Premium Plus
I'm using Optimole but I would happily get rid of the plugin if there is another way?
Harrysastar2
Premium
Hi, Lisa, yes, there is a way: Tinypng, it's free and not a plugin.
Google Tinypng and you should see this (Image 1):
Click on the link (arrowed) and you should see this (Image 2):
Now you need to upload your chosen image where indicated (arrowed}. Just make sure you have resized it to the desired size (that way you optimize it even further).
Once your image has been optimized you should see this (Image 3):
You now need to download the optimized image where indicated (arrowed) to wherever you store your images.
Now an example of why you need to resize your image before optimization. I used a smiley face (Image 4) which was originally 640x640 pixels, 57KB. I resized that to 150x150 pixels, reducing it to 18.2KB. After optimization this was further reduced to 2.6KB. One hell of a saving from 57KB!
I hope this helps, if I can help any further, give me a shout. Best wishes.
Google Tinypng and you should see this (Image 1):
Click on the link (arrowed) and you should see this (Image 2):
Now you need to upload your chosen image where indicated (arrowed}. Just make sure you have resized it to the desired size (that way you optimize it even further).
Once your image has been optimized you should see this (Image 3):
You now need to download the optimized image where indicated (arrowed) to wherever you store your images.
Now an example of why you need to resize your image before optimization. I used a smiley face (Image 4) which was originally 640x640 pixels, 57KB. I resized that to 150x150 pixels, reducing it to 18.2KB. After optimization this was further reduced to 2.6KB. One hell of a saving from 57KB!
I hope this helps, if I can help any further, give me a shout. Best wishes.
