Hi there. Can anyone please give any suggestion... What's the best pixel (image size) for a blog that can be viewed in laptops and phones without making the photo blurry?

TIA.

Ruth

Join the Discussion
Write something…
Recent messages
StephenThiam Premium
GSC always complain my images are a small size for amp application. I started with 300 px X 200 px which is the minimum requirement. After a few adjustments, now I fixed the image width not less than 520 px and height not less than 250 px. This applies to the images inserted in the content.
For feature image, you can go to Appearance then customize then blog to fix the container size. I use 375 px X 250 px so far get no error from GSC. I do not know where to find the image size fixed by the theme. Is it the same as I mentioned here?
If you use the SMUSH plugin, it can tell you your image is too small or too big.
Reply
RDacanay Premium
Thanks, Stephen. I'll check the sizes of the images on my blogs.

Cheers.

Ruth
Reply
StephenThiam Premium
Do customizer the post and page image size you want in your theme as Tribulu advice. Go Appearance then customizes then layout then blog then post. Set your wanted image size.
Reply
RDacanay Premium
Thanks!
Reply
LMH1968 Premium
That depends on your theme. You can check in Wordpress under dashboard, appearance, customize.
Reply
RDacanay Premium
Thanks, Lisa.
Reply
LMH1968 Premium
You are very welcome
Reply
Triblu Premium
Hey Ruth,

For your theme, you could check under your WordPress Dashboard > Appearance > Customize to see their recommended size of images to use.

Hope you find this helpful.
Reply
RDacanay Premium
This is great. Thanks!
Reply
StephenThiam Premium
thanks. I just set my post and page image size container in the theme. I hope can stop GSC error on image size is too small.
Reply
RikaSF Premium
A good theme that is responsive should adjust the images correctly on all devices.

Blurry photos normally happen when you try to make a small image larger. Say for example the image is 200px x 200px and you drag it to a bigger size.

You can make larger images smaller.

I optimize my images before I put them on my website to the following sizes. (I use the GeneratePress theme).

My full-width images have a width of 2000px and my content images (I have a sidebar) have a width of 700px (this is the width I selected for my content).

I hope this makes sense and is helpful.
Reply
RDacanay Premium
Thank you so much. This is really helpful.
Reply
RikaSF Premium
It's a good idea to first determine the width of the area you want to place the image in.
Reply
Top