Magic Image Resize

Introduction

Articles Images, Photos & Images, SEO & Metadata, Site speed

Magic image resize is a content plugin for automatic scaling content images to a web friendly size. Magic image resize does not work destructive. It stores the resized images into .thumb folders inside your image directories. Only the source is replaced. You can still use responsive classes like img-fluid or img-responsive.

Example

img src="images/myLargeImg.jpg" class="img-fluid" data-resize="crop" width="250" height="128"

This will crop a image to exactly 250 x 128 pixels and put it into images/.thumbs/250-128/myLargeImg.jpg

The html Image src attribute will be replaced with the urls to a scaled version in a .thumbs - folder.

Images can be scaled, cropped or filled

data-resize="scale": Default value. Scale the Image and keep aspect.
data-resize="crop": Crop the and center the image to the exact size. Ignore aspect.
data-resize="fit": Fit image to size and fill the rest with background color.

If no special width or height attributes are provided Magic image resize uses the plugin settings.
The plugin will be activated automatically during installation.

CHANGELOG

Version 1.1: file changes are detected by a fast hash algorithm. If images are replaced by an image with the same name. The thumbs are refreshed automatically.
Version 1.2: Optimized WebP format supported for modern browsers
Version 1.3: WebP scaling support and better handling of illegal file format and invalid images
Version 1.4: Fixed transparency issue with PNG and GIF Files

Write a review

Don't know how to crop the image in the article

hoffmann (3).
Posted on 04 September 2023

Functionality

I read the description of this plugin, but cannot set it up successfully.

Ease of use

Seem to be very simple plugin, but cannot follow the instruction to make it working.

Support

Documentation

The document is simple but I cannot follow the steps to make the plugin working. Maybe provide more screenshot.

I used this to: I am making a gallery site to sell my arts products. My photos is high resultion and too large to display on the page. I want a plugin to crop them in the preview mode.

Maybe a tutorial

Fanrong Meng (1).
Posted on 12 January 2022

Functionality

according to the description, it should function easily and simple, while for a new beginner, not.

Ease of use

Not really till now. if you can have a tutorial with JCE free version?

I used this to: Website editing and image re-size with JCE free, I really hope there is a tutorial for that

Display #

Free

JooDatabase Lite

By Dirk Hoeschen: Feenders.de

Coding & Scripts Integration

Now with all the PRO features With version 4.0 for Joomla 4 JooDatabase becomes free for all. There is no PRO version anymore. JooDatabase is simple and fast way to include and display external tables (collections, databases) into Joomla. It automatically generates pages containing the table data using editable templates for catalog and single entry views. Special elements like print-icons and...