Skip to content

Compatibility

Sebastian Schlicht edited this page Mar 6, 2019 · 4 revisions

RIMAGES works on two different levels: Compressing and resizing.

The automatic generation of compressed and/or resized image versions depends on ImageMagick. If ImageMagick isn't installed and enabled on your server you can still create them by hand.

Additional versions of your images will be stored in a configurable location of your webspace. Keep in mind that these additional files, naturally, increase your webspace utilization. However, this shouldn't be an issue unless you have very low space capacities.

Compressing

RIMAGES can replace images with compressed versions which is fully compatible with all systems and browsers.

Resizing

RIMAGES can offer alternative, resized versions of the original image to browsers on smaller devices. This is based on the HTML5 picture tag which is supported by the vast majority of users. This is fully backwards-compatible, users with old browsers just won't benefit from resizing.

Pitfalls

Due to the additional picture tag in the DOM tree, this feature could nevertheless break JavaScript code (e.g. $slide.children( 'img' )) and CSS directives (e.g. .slide > img). However, you can easily prevent that by excluding such images or adapting the respective jQuery/CSS selectors.

Documentation

Configuration

For Developers

Clone this wiki locally