Imagor Demo
Comprehensive test cases for imagor image processing server
Configuration
unsafe mode is on for testing.
Original Image
True Original (Direct Link)
Through Imagor (Unprocessed)
Left: The actual source image. Right: Same image served through imagor without processing. All examples below apply various transformations.
1. Basic Resizing
Fixed Width
Resize to 300px width, auto height maintaining aspect ratio
Fixed Width & Height
Resize to 200x200px with smart cropping
2. Fit Modes
Fit-In
Resize without cropping, fit within 200x200px bounds
Stretch
Resize to exact dimensions without maintaining aspect ratio
Full Fit-In
Uses largest dimension for better quality
3. Alignment & Smart Cropping
Left Aligned
Crop from the top of the image
Right Aligned
Crop from the right 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 Coordinates
Crop from point (100,100) to (800,600) using AxB:CxD syntax
Percentage Coordinates
Crop using percentages: from 10% to 90% on both axes
Crop Filter
Apply crop filter after resizing (10,10,280,280)
10. Rotation & Flipping
Rotate 90°
Rotate image 90 degrees clockwise
Flip Horizontal
Flip horizontally using negative width (-300x0)
Flip Both
Flip horizontally and vertically (-300x-200)
11. Text Labels
Centered Label
Add text at center with size 40, white color
Bottom Right Label
Position label at bottom-right corner
Positioned Label
Place text at specific pixel position (20,20)
12. Proportion & Upscaling
Proportion 50%
Scale image to 50% of original dimensions
No Upscale
Prevent upscaling beyond original size (fit-in 2000x2000)
Force Upscale
Enable upscaling in fit-in mode
13. Quality & Size Control
Max Bytes
Auto-compress to fit under 50KB
Low Quality
JPEG with 30% quality
High Quality
JPEG with 95% quality
14. Watermark
Watermark
15. Complex Filter Chains
Vignette Effect
Round corners + blur edges + brightness
Vintage Look
Saturation down, sepia tone, add grain effect