Image Resize Filter
Component type
Categories
Maintenance status
Development status
Downloads
Component created
Component changed
The easiest end-user solution for resizing inline images.
This filter makes it easy to resize images, especially when combined with a WYSIWYG editor such as tinyMCE, CKeditor etc. Users never have to worry about scaling image sizes again, just insert an image and set it's height and width properties in HTML (this is done automatically by WYSIWYG editors) and the image is resized on output to match the HTML.
Features:
- Automatically resizes both local and (optionally) remote images.
- Optionally create a link to full size images from the resized inline versions.
- Prevents inline "hot linking" of images from other sites by storing them locally.
- Adds height and width attributes to inline images when your users are too lazy to add them.
Demos:
Image Resize Filter demo and configuration options by Lullabot.
Demo combining FileField Insert with Image Resize Filter by MustardSeed Media.
Webkit/Chrome/Safari Users:
The "resize handles" typically shown in WYSIWYGs do NOT work in Webkit-based browsers (which includes Safari and Chrome) due to a shortcoming in the implementation of these browsers. See https://bugs.webkit.org/show_bug.cgi?id=12250 and this issue for discussion: #1102294: Webkit-based browsers (Safari/Chrome) do not support resize handles.
