Image optimiser

Maintained by Guy Thomas

Resize images to a configurable maximum size. Delay the loading of images until visible in the viewport.

Free

Download for free

Supports Moodle 3.2-3.9 See all versions

Latest release: 5 years ago

Installations: 276

Downloads (last 90 days): 52

Frankenstyle name: filter_imageopt

Filters

Current version

Moodle 3.9

Uploaded on Monday, 10 May 2021 at 08:41 (GMT+0)

Plugin type: Filters

Frankenstyle component name: filter_imageopt

Version build number: 2021050100

Version release name: 3.9.0.0

Maturity: Beta

Supported Moodle versions: 3.9

Repository URL (Git): https://github.com/gthomas2/moodle-filter_imageopt

Repository branch: MOODLE_39_STABLE

Repository tag:

Issue/bug tracker URL: https://github.com/gthomas2/moodle-filter_imageopt/issues

Image optimiser filter

The image optimiser filter is intended to solve the issue of high resolution images slowing down (and blocking) page
loads.

Features:

Resize images that are greater than a maximum width and preserve aspect ratios and original images.

Resizes images in all filterable text - course content, user profile description, etc.

Allow for delayed loading of images (load when visible) with the option of specifying how many images should be loaded
immediately before images are placeheld and loaded when in the view port and the page has fully loaded (eliminates
blocking for other resources, e.g. javascript in the footer).

Example scenarios:

Course designer doesn't know how to resize images prior to upload and uploads a 6 mega pixel image when they don't
require this resolution.
The filter solves this issue by automatically resizing images to a specified maximum width (aspect ratios are preserved).

Course designer uploads 100s of images into a course label
The filter can solve this issue by place holding images and making them load only when scrolled into the viewport.

Students using mobile data plans are finding their course page to be sluggish due to unnecessarily large images
uploaded to their course.
The filter can solve this issue by both placeholding images until scrolled into the viewport and then resizing the
image which is served to the user.