1. Optimize images before the upload
Before you upload your next photo, logo, or image to your media library, think about the quality and file size of the image. You don’t want to make the mistake of uploading enormous files. Your customers won’t wait around for that picture to load and leave your site. The secret just properly saves all your images for the web, before uploading.
Photoshop Save for Web
The Photoshop “Save for Web” tool is a simple and easy way to prepare your JPEG files for the web, helping with the trade-off between file size and image quality. In Photoshop editor File > Save for Web.
ImageOptim + JPEGmini
If you want to super-optimize your images the combination of these two tools is killer:
- ImageOptim is a free app that makes images take up less disk space and load faster, without sacrificing quality: https://imageoptim.com/
- JPEGmini reduces image size by up to 80% without compromising quality: http://www.jpegmini.com/
2. Optimize Adaptive Images or WordPress thumbnails
Once your images have been uploaded to your server you can further optimize them thanks to the use of specific image plugins like ShortPixel or the free EWWW Image Optimizer. Before optimizing the images please visit your pages with a desktop computer and a mobile device thus to generate different formats of the Adaptive Images. Otherwise, wait a few days of traffic.
If you optimize your images with ShortPixel, please activate the option Theme Options → Performance → Register Metadata available from Uncode 2.2. After activating this option, we recommend that you delete the Adaptive Images that have been created, using the command Theme Options → Performance → Delete all AI Images. In this way, they will be regenerated again with the Metadata useful for the operation of the ShortPixel plugin.
EWWW Image Optimizer
If, instead you use the EWWW Image Optimizer plugin, please specify the full path of your image on your server in EWWW Image Optimizer → Advanced Settings → Folders to Optimize, ex:
In order to generate Adaptive Images, under the hood, Uncode asks WordPress to build a ‘thumbnail’ version of the images. For image creation, WordPress utilizes an image processing library like GD Image Library or ImageMagick, which should be provided by the server. Depending on server configuration, these plugins may lead to the undesirable effect that the image metadata such as copyright information, advanced color information are stripped from
the images. If you encounter this issue, please contact your hosting and ask to install these libraries required by WordPress.