ImageRecycle

logo pdb
Ryte.com (formerly On-page.org) is one of the best on-page SEO tool, highly recommended by Joomlaseo.com (see review). Free for 1 account (forever)!!!

ImageRecycle is a pretty new service for optimizing the images for your website and frankly I think it offers the perfect solution for this! Actually I immediately started using it, and it saves me a lot of time as I don't need Photoshop or online image optimizers anymore.

As I already explained in the article about image optimization, images should be uploaded in the correct size, but they should also be cleared of unnecessary data using lossless compression. Especially this last step will usually save you 30 - 70% in size. There are multiple services that can help to create optimized images, but only ImageRecycle allows you to do so from within your Joomla website, using an extension. Note that to use the extension you need to buy a subscription (starting from $7, scroll down for a coupon code). Otherwise, you can always use the online optimizer and then upload the optimized images. Let's discuss both options: first the free web interface and then the extension in Joomla.

Free web optimizer

The free web optimizer is available straight from the homepage, but usually you will use the more extensive full optimizer (also free). Note that some options are only available for subscribers, but your main goal is easily achieved: uploading images in bulk:

web uploader

You see this saved me 50% on 2 JPG and 1 PNG file. It's as simple as that. Now you can download these images and then upload them to Joomla. If you want life to be even easier, you can use the Joomla extension.

Optimizing images with the ImageRecycle Joomla extension

To use the Joomla extension, you first need a subscription (or a trial account). Then download the extension and install it as you would any other extension. This will install both a plugin and a component. The plugin has no options, all your work is done from the component. The very first thing you need to do is to enter the API keys that you find in your ImageRecycle account. You can update your key and other parameters from the Options button. You can also indicate whether your images should be resized, which seems sensible to do, setting it to the maximum width of an article or the width of your website:

imagerecycle options

Also, you can indicate a minimum and maximum size for processing so you can exclude certain images from processing and set the folders where your images are stored (defaults are usually fine). Some more options can be found on the Advanced tab:

advanced options

You can either let your images be optimized automatically after a set period of time or choose to optimize upon saving your articles. In my experience, it seems this last option works best, especially with resizing switched on, but you may have to experiment a bit to find your own preference. The issue with the Periodicity setting is that you first upload the image and look at it in the browser, and then optimization and resizing only takes place after that. The original image is then cached in your browser and it seems you are looking at an un-resized image. Actually the optimization takes place exactly as designed, but the browser cache can confuse things.

Now that your settings are correct, you can start optimizing your existing images. First of all you can start optimizing any images that you have already uploaded. Just click the Optimize button next to an image and they will be optimized:

optimized imagesYou can also use Bulk options by selecting and optimizing a specific set or simply use the Optimize all option. Finally, note the Revert button, allowing you to retrieve the original images if needed (stored for one month on the ImageRescue website).

From now on, based on your settings, any newly uploaded images will be automatically resized and resized so that you can focus on your actual content more. Especially if non-skilled persons are working on your site you don't have to worry about massive images slowing down your site anymore!

Compatibility with the JCE Editor

Many Joomla enthusiasts like me use the JCE editor. So far I also used it to resize images during the upload with the Image Manager Extended plugin that JCE offers for subscribers. Even with ImageRecycle I still like this feature, as I also use it to create images smaller then the default of 1600px. Unfortunately JCE bypasses the image optimization then, as JCE does not use the onContentAfterSave hook used for the optimization. Luckily you can work around this in several ways: by using either the Joomla image button or simply going to the ImageRecycle Component and optimizing it from there. 

What works best for me is let JCE do the resizing and let ImageRecycle do the lossless compression by optimizing based on interval.

Conclusion

Altogether this seems to be an excellent tool for managing images on your Joomla websites (they also offer plugins for Wordpress, Magento, and Shopify), making life much easier and your website much lighter. Particularly nice for web designers with multiple sites: you can set-up subaccounts with separate API-keys. If you like these features, give it a try or sign up for a subscription with ImageRecycle right now:

Sign up here ($10 off with coupon code IR-JSEO-10)

About this site

Joomlaseo.com is fully built and written by Simon Kloostra, SEO Specialist and Webdesigner from the Netherlands. I have also published a book and blogs for companies like OStraining, TemplateMonster, SEMrush and others.