Compress photos that are already compressed and smushed?

[cyclone64]

I have photos on my site that I compressed in p-shop, and further compressed with a wordpress plugin when I uploaded them. PageSpeed Insights says I should compress the images by another  50%-60%.

For example, one image is 300px x 224px at 31kb, and PageSpeed says I can save 22kb o2 51% by compressing the image. First, google's math doesn't work, and second, the image has already been compressed, twice, and the wordpress plugin can't compress the image any further

Is this typical or an unusual situation, and are there any suggestions?

[Carlos Lizaga Anadon]

You can use Shrink-O-Matic to optimize those images (for Windows) or ImageOptim (for Mac OS X) to compress those images the best way.

Regards. 

[cyclone64]

Thanks for replying, but you didn't address my question. I'm not asking what programs to use to compress images.

I'm asking if anyone else has the experience of Page Speed telling them to compress images that are already compressed, and if so, what did they do about it?

[Miguel García Sánchez - Colomer]

Hi Cyclone, 

i "feel your pain" with some images... i have that problem when i'm using little icons. I have fixed it using "symbol fonts" as icons or making css sprite. Be sure that you have used optipng or jpegtran to make your optimizations and a part from that there are no more things that you can do (except using fonts or css sprite).

Best regards

[Carlos Lizaga Anadon]

Pagespeed will trigger that error when images aren't compressed the right way. Those programs that I wrote above will ensure the right compression which will mean fixing the issue with Pagespeed.

In a server side you can even use jpegoptim and the equivalent for png and run the command via ssh.

It seems that your Wordpress module isn't compressing those images the right way, so I'm suggesting you to use those programs instead and try again an analysis.

Regards.

[Rick Steinwand]

It's possible your images aren't sized properly.

I get a similar message for mobile, because PSI doesn't yet recognize progressive images via <picture> or <img srcset>.

[Carlos Lizaga Anadon]

Posting a image URI or page URi would help to determinate that.

Regards. 

[cyclone64]

I see. Thank you.

[cyclone64]

On Tuesday, September 9, 2014 4:42:24 AM UTC-7, Carlos Lizaga Anadon wrote:

Posting a image URI or page URi would help to determinate that.

Regards. 

Here's a sample snippet from Page Speed for my home page:

"Losslessly compressing http://www.mysite.com/…berglass-lampshade-lit1-300x212-copy.jpg could save 17.7KiB (57% reduction)."

The image is 22kb at 300px x 212px

How is 17.7kb 57% of 22kb? And isn't 22kb good enough for 300ox x 212px?

Here's that image's url: http://bit.ly/1sckSCK

Thank you.

[Rick Steinwand]

Smush.it did not find any saving of your image(s).

Can you post a URL for the page?

[Carlos Lizaga Anadon]

Original image size: 30,9 KB

Optimized image size: 13,1 KB

Still can be compressed the way I said above.

Regards. 

[cyclone64]

The photo of the image is part of a much bigger page. To make it easier to see what I'm talking about, here's the url of just the photo.
 http://bit.ly/1sckSCK

The page speed comments for the image are the same on both the full page and on the image ur page:
"Optimize the following images to reduce their size by 17.7KiB (57% reduction)."

However, the image is already only 22kb. So yes, I could save 20% if I can somehow squeeze more compression out of the already highly-compressed image, but nowhere close to the 57% that page speed claims!

[cyclone64]

Oh,. sorry, I misunderstood you. Here's the url for the whole page: http://bit.ly/1lNdLut

There are other problems with the page, but image compression is the major bottleneck.

On Tuesday, September 9, 2014 1:50:37 PM UTC-7, Rick Steinwand wrote:

[cyclone64]

I don't understand.

Did you get the 30.9kb and 13.1kb figures from jpegoptim?

[Carlos Lizaga Anadon]

Yep, also with Shrink-O-Matic. So before the compress it was 30.9 and after that 13.1. Sorcery!

Regards. 

[cyclone64]

Thanks. I'll look into this. I tired downloading jpegoptim. but I wasn't able to unzip the tar format using 7-zip, so I'll see if one of these other programs are easier to install.

So, general question, in your experience, are the wordpress compression plugins just no good?

[Carlos Lizaga Anadon]

Most CMS plugins will fail compressing those images by doing it just a little or going too far and making noise into the image. 

Actually, there are some uploaders that will do that work just fine but making them work with wordpress is just a pain, so i'd stick with those programs or in a server side via SSH with jpegoptim and so.

That doesn't even mean that there could be any wp plugin able to do the task just fine, but I guess that I'm too lazy to track it.

Regards.

[cyclone64]

Ok..Thank you.

[Rick Steinwand]

Carlos, thanks for your Shrink-o-matic suggestion. It did a nice job on some of my jpegs, but I noticed smaller versions of my 1200px slider (800 & 400px) actually ended up being larger after running Shrink on them. It'd be nice if it optimized to a temp file, compared size with original and discarded the temp if it was bigger like Pagespeed Service does. 

I got a nice reduction with the 1200px images by running Shrink on them, followed by JPEGmini. (330k -> 67k)

[Carlos Lizaga Anadon]

I think that it can be configured to save new fine with a new extension so you can keep both, will have to check it at home.

Regards.

[Carlos Lizaga Anadon]

As said before, here's a screenshot with settings to do that. 

Regards.

[Iwona Kober]

Hey,
Advise from me is using this link to optimize images - http://compressjpeg.com/ images are enough compressed for pagespeed insights.

And in my opinion PrizmImage Plugin is much beeter than Smush.It.
In fact you can set in PrizmImage 3 stages of compression.
Minus is that you have to register (free) to get API key for this plugin.

Im using it here:
http://freelanserzy.pl/szybki-wordpress/
and here is a 97/100 points https://developers.google.com/speed/pagespeed/insights/?url=freelanserzy.pl%2Fszybki-wordpress&tab=desktop

[Rick Steinwand]

Iwona, you can boost that score higher by adding the above fold css to your page. http://jonassebastianohlsson.com/criticalpathcssgenerator/

You'll still need to compare that with your original css to create the external css you need to load at the by the </body> tag.

[Carlos Lizaga Anadon]

That page is not working right now but it can be done by downloading the script via github and following the instructions.

Regards.