Every website relies on images to present visual information and provide an ideal user experience. But presenting large attractive images can compromise your website performance. Luckily there's a solution - image optimization.
Here are 3 of the best online image compression tools you can use to generate fast loading JPEG and PNG images without sacrificing image quality.
Unlike most other online image compression tools, ImageRecycle optimizes all standard images (JPG, PNG, GIF) and PDF files. The free (no login required) uploader provides easy drag & drop uploading capabilities. Its URL Optimizer and Page Optimizer options require a paid membership (starting at $10/year for 10,000 compressions).
The ImageRecycle URL Optimizer enables you to enter one or more file URLs (the files can be hosted anywhere) for compression. The Page Optimizer extracts and compresses every image of any web page (page - not entire site). What makes the Page Optimizer feature ideal is that the zip file retains the file structure so you can easily FTP the optimized images back onto your server.
ImageRecycle also provides CMS plugins (WordPress, Joomla, Magento, and Shopify) that process images on your server and take away the hassle of converting before upload.
What makes Optimizilla unique is, it enables you to specify the compression level and offers a side-by-side original and optimized image comparison (similar to Adobe Photoshop). With this feature you can find the smallest possible file size while ensuring the image quality is to your liking.
Optimizilla’s best optimization and lossy compression algorithms work for shrinking JPEG and PNG images. Its drag & drop interface allows for 20 images at a time.
Don't be fooled by the simple interface. MozJPEG has high, medium, and low settings that are often more than enough to find the perfect balance of smallest file size and optimal image quality. Like its name, MozJPEG was crafted to provide web-optimized JPEGs, though it does offer a PNG output option.
What makes MozJPEG valuable is its High DPI mode for producing extra large images for retina devices. It's powered by the popular ImageOptim app originally made for Mac users.
Save all unprocessed (original) images at 100% quality. This allows any image compression algorithms to work from the best quality image. It's also a good practice to keep the original (100% quality image) as a back-up. Simply denote that it's an original within the file name (my-image_original.jpg).
How do you optimize your images? We would love to know. Leave a comment or reach out via social media.