Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Optimize PNG assets #309

Open
rfnx opened this issue Oct 15, 2015 · 3 comments
Open

Optimize PNG assets #309

rfnx opened this issue Oct 15, 2015 · 3 comments

Comments

@rfnx
Copy link

rfnx commented Oct 15, 2015

Hello,

PNG assets can be optimized, for example with optipng. I was able to reduce the size by 50% on buttons.png and [email protected], which are loaded for every visitors, without reducing quality. For some other assets, I was able to divide the size by more than 5 (for example /css/images/thumb_horizontal.png) !

It's very simple with optipng (available on every Linux distribution) :
optipng -o7 -strip all file.png
and to easily optimize all png in a directory and subdirectories :
find /path/to/dir -iname '*.png' -exec optipng -o7 -strip all {} \;
It is a lot of bytes saved for a very small effort :)

Thanks for this amazing plugin !

@mobeigi
Copy link

mobeigi commented Nov 27, 2015

Yeah I also noticed this when optimizing my website using Google Page Speed Insights.

@rfnx
Copy link
Author

rfnx commented Nov 27, 2015

As a side note, I added .woff2 versions of the fonts I use in Crayon, it's lighter than .woff format. But I will maybe open a new issue for this.

@rfnx
Copy link
Author

rfnx commented Jan 11, 2016

Can someone look at this please :) ? It's very easy to do but the new version 2.8.0 still has unoptimised images.

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
None yet
Projects
None yet
Development

No branches or pull requests

2 participants