Imagor Demo
Comprehensive test cases for imagor image processing server
Configuration
unsafe mode for testing, or configure HMAC signing. Update the server URL and sample image URL above, then the examples below will update automatically.
1. Basic Resizing
Fixed Width
Resize to 300px width, auto height maintaining aspect ratio
Fixed Height
Resize to 200px height, auto width maintaining aspect ratio
Fixed Width & Height
Resize to 300x200px with smart cropping
2. Fit Modes
Fit-In
Resize without cropping, fit within 300x200px bounds
Stretch
Resize to exact dimensions without maintaining aspect ratio
Full Fit-In
Uses largest dimension for better quality
3. Alignment & Smart Cropping
Top Aligned
Crop from the top of the image
Left Aligned
Crop from the left side
Smart Crop
Automatic focal point detection
4. Filters - Blur & Sharpen
Blur Effect
Apply Gaussian blur (sigma=5)
Sharpen Effect
Enhance image sharpness (amount=2)
5. Filters - Color Adjustments
Brightness
Increase brightness by 30
Contrast
Increase contrast by 20
Saturation
Increase color saturation by 30
Grayscale
Convert to black and white
6. Multiple Filters Combined
Brightness + Contrast
Chain multiple filters together
Sharpen + Saturation
Enhance sharpness and color vibrancy
Round Corners
Apply rounded corners with 20px radius
7. Format Conversion
WebP Format
Convert to modern WebP format
PNG Format
Convert to PNG format
JPEG with Quality
JPEG format with 60% quality compression
8. Advanced Effects
Background Color
Add background color when using fit-in mode
Hue Rotation
Rotate color hue by 90 degrees
Fill Color
Fill with custom color and round corners
9. Manual Cropping
Pixel-based Crop
Crop from 100x100 to 800x600 pixels
Center Crop
Extract center portion of the image