Give us feedback
Reactive icon

Image Utils Reactive

Stable version 1.0.0 (Compatible with OutSystems 11)
Uploaded on 18 November 2019 by 
 (5 ratings)

Image Utils Reactive

Image Utilities (Resize, Crop, Identify width & height, Get & Fix Orientation, Sharpening, Watermark) for Reactive Apps using JS Canvas. HUGE file size savings (kilobytes, even megabytes).
Read more

HUGE file size savings (kilobytes, even megabytes) in this new version.

- Now output image to JPEG, not PNG
- Watermark processing still using PNG to maintain alpha channel / transparency.
- New JPEG Quality input parameter (default to 0,7)

Client-side mobile action:

1. Resize: resize any binary data to a Maximum Width or Height (maintain aspect ratio), auto sharpen & fix orientation...

2. Crop: crop any binary data to a specific dimension

3. Identify: identify width, height and orientation, file size in bytes of binary data

4. GetOrientation: get orientation of image file (only source binary data with EXIF info)

5. FixOrientation: fix image orientation by orientation input parameter or automatically without orientation input parameter (only source binary data with EXIF info)

6. Sharpen: sharpen image

7. AddImageWatermark: add an image as watermark to source image...


- GetOrientation will failed if used on Resize/Crop image binary data output, use it on original image binary data.

- This is not a UI Cropper (where you can control using touch interaction)

- Currently only tested for Chrome browser and Android (as I don't have Mac/Safari/iPhone)

Anyone want to donate :)

I received donation through Paypal at

What’s new (1.0.0)
Reviews (4)
18 Nov (3 weeks ago)
in version 1.0.0
Easy to use and very helpful!
23 Apr
in version 1.0.0
Hello how are you
31 Mar
in version 1.0.0
Works really well - just remember that resizing png's with transparency is a bad idea (Component necessarily converts to jpeg to resize which doesn't support transparency)