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

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



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
JooDatabase Lite
Free

JooDatabase Lite

By Dirk Hoeschen: Feenders.de
Coding & Scripts Integration
Now with all the PRO features With version 4.0 for Joomla 4 and 5 JooDatabase becomes free for all. There is no PRO version anymore. JooDatabase is a 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-ic...

Magic Image Resize

Version:
1.4
Developer:
Dirk Hoeschen: Feenders.de
Last updated:
Nov 21 2023
3 months ago
Date added:
Aug 26 2020
License:
GPLv2 or later
Type:
Free download
Includes:
p
Compatibility:
J4 J5
Download

Uses Joomla! Update System

Score:


Write a review