Image Size

[zedinho]

I just noticed something strange…

I uploaded an original image with the dimensions of 1600 x 900px and attached it as a featured image to a portfolio post. This original image (png) is 646KB heavy.

I noticed that it takes a long time for the image to load on the single portfolio item page, and so I inspected it. Turns out that the resized image there has dimensions of 1184 x 666px – so smaller than the original dimension –, but the file size is 1.6MB! That’s almost 3 times heavier than the original file.

How’s that even possible? I don’t get it…

[rad]

Hi @zedinho,

Thanks for reaching out.

May I know the URL that has this issue? It’s Wordpress that generate images, and please also try uploading a JPG version of it so Wordpress doesn’t need to convert the format.

Thanks!

[zedinho]

https://fivedesign.me is the URL

What do you mean by converting the image? Both images (i.e. the original and the version that appears on the single portfolio item page) are png’s.

I thought png’s are the preferred choice for the web over jpgs?

Also, it’s my understanding that WordPress generates 3 image sizes for an uploaded image. In my case, I defined 300x300 for the thumbnail, 750px for medium, and 1500px for large. The dimensions of the image in questions are different from those and defined by your theme and not by WordPress, right?

[rad]

Hi @zedinho,

Sorry, I mean the size and not the format. And it looks like normal in Wordpress, it converts and resize the image and results to bigger size since it’s PNG. Please check this https://wordpress.org/support/topic/resized-images-much-bigger-than-original-ones/

Please try the JPG format of your image instead of PNG.

And yes, those defined sizes are from Wordpress, and there are sizes defined by the theme too (much bigger than those based on layout width). But all image generations are made by Wordpress. The theme or plugin only request the image, then Wordpress served the processed image on its selected size.

Thanks!