Magento images optimization is highly important. Especially, when a lot of information is adding into the website, and the site manager forgets to carefully check the size of the picture.
Also, when developers are working on a site, they can forget that a large number of pictures can be conveniently combined into sprites.
Frequent issues
- Images from the Magento theme are not combined into sprites
- Load large images that are not optimized
- Pictures have much more width and height than required inside the container, where they are wetted.
Why these problems must be solved with a Magento images optimization:
- Site load speed improves conversion
- The speed of the site increases the SEO ranking
How to do
If your question is “How to optimize images in Magento”, you can investigate the best practices in the image optimization process.
What can you do locally on your computer
- Before uploading the image to your website, you need to compress them. The easiest option is to choose a compressed option in Photoshop.
- If you have a lot of pictures, you can use the following services:
What can you do on the site and server side
- Install programs to optimize the image. Commands:
apt-get install optipng
apt-get install jpegoptim
apt-get install gifsicle
- Recursive optimize of images
1 2 3 4 | #!/bin/bash find ./media -iname '*.gif' -exec sh -c 'gifsicle -b -O3 -o "{}.out" "{}"; mv "{}.out" "{}"' \; find ./media -iname '*.png' -exec optipng -o5 -keep -preserve '{}' \; find ./media -type f -iname '*jpg' -exec sh -c 'jpegtran -outfile "{}.out" -optimize "{}"; mv "{}.out" "{}"' \; |
- Install modules for Magento
Instruments:
- Speed check:
- Modules for compression
- Services for compression:
Loading...