Effects
Enhance your images with a variety of visual effects. These transformations allow you to apply artistic filters, adjust visual properties, and create compelling imagery directly through URL parameters. Each effect can be combined with others to create unique looks for your media.
Quick reference
Section titled “Quick reference”| Parameter | Alias | Value | See |
|---|---|---|---|
blur | bl | 0–100 | Blur |
brightness | br | 0–100 (0=dark, 50=normal, 100=bright) | Brightness |
rotate | rt | 0, 90, 180, 270 (degrees clockwise) | Rotate |
contrast | ct | 0–100 | Contrast |
grayscale | gs | Flag parameter - value not needed | Grayscale |
saturation | sa | 0–100 | Saturation |
sepia | sp | Flag parameter - value not needed | Sepia |
sharpen | sh | 0–100 | Sharpen |
noise | ns | 0–100 | Noise |
border.width | bo.w | Width of the border in pixels | Border |
border.color | bo.c | Border color in hex format | Border |
border.radius | bo.r | Corner radius of the border in pixels | Border |
Rotation
Section titled “Rotation”Rotate your images in precise 90-degree increments. Perfect for correcting orientation or creating dynamic layouts.
<img src="https://media.pixel-fiddler.com/{sourceAlias}/media/{imagePath}?rt=90"/>Parameters:
rotate(alias:rt) - Rotation angle in degrees- Values:
0,90,180,270
- Values:
Apply Gaussian blur to create soft focus effects or reduce image sharpness. Ideal for backgrounds, privacy protection, or artistic effects.
<img src="https://media.pixel-fiddler.com/{sourceAlias}/media/{imagePath}?bl=50"/>Parameters:
blur(alias:bl) - Blur intensity as percentage (0-100)- Range: 0 = sharp image, 100 = maximum blur
Brightness
Section titled “Brightness”Adjust the overall brightness of your image. Lighten dark photos or create moody atmospheres by reducing brightness.
<img src="https://media.pixel-fiddler.com/{sourceAlias}/media/{imagePath}?br=70"/>Parameters:
brightness(alias:br) - Brightness level as percentage (0-100)- Range: 0 = completely dark, 50 = no change, 100 = maximum brightness
Contrast
Section titled “Contrast”Enhance or reduce the difference between light and dark areas in your image. High contrast creates dramatic effects, while low contrast produces softer looks.
<img src="https://media.pixel-fiddler.com/{sourceAlias}/media/{imagePath}?ct=70"/>Parameters:
contrast(alias:ct) - Contrast level as percentage (0-100)- Range: 0 = flat/washed out, 50 = no change, 100 = high contrast
Saturation
Section titled “Saturation”Adjusts image color saturation.
<img src="https://media.pixel-fiddler.com/{sourceAlias}/media/{imagePath}?sa=70"/>Parameters:
saturation(alias:sa) - Saturation level as percentage (0-100)- Range: 0 = flat/washed out, 50 = no change, 100 = high saturation
Grayscale
Section titled “Grayscale”Convert your color images to black and white. Creates timeless, classic looks perfect for artistic or professional presentations.
<img src="https://media.pixel-fiddler.com/{sourceAlias}/media/{imagePath}?gs"/>Parameters:
grayscale(alias:gs) - Boolean flag to enable grayscale conversion- Values:
true= convert to grayscale,false= keep original colors
- Values:
Apply a warm, brownish tint that mimics old-fashioned photography. Creates nostalgic, vintage atmospheres.
<img src="https://media.pixel-fiddler.com/{sourceAlias}/media/{imagePath}?sp"/>Parameters:
sepia(alias:sp) - Boolean flag to enable sepia tone effect- Values:
true= apply sepia tone,false= keep original colors
- Values:
Sharpen
Section titled “Sharpen”Enhance edge definition and image clarity. Makes details more crisp and defined, perfect for improving photo quality.
<img src="https://media.pixel-fiddler.com/{sourceAlias}/media/{imagePath}?sh=50"/>Parameters:
sharpen(alias:sh) - Sharpening intensity as percentage (0-100)- Range: 0 = no sharpening, 100 = maximum sharpening
Add grain or texture to your images for artistic effects or to simulate film photography. Creates organic, textured looks.
<img src="https://media.pixel-fiddler.com/{sourceAlias}/media/{imagePath}?ns=30"/>Parameters:
noise(alias:ns) - Noise intensity as percentage (0-100)- Range: 0 = no noise, 100 = heavy grain texture
Border
Section titled “Border”Adds a customizable border around the image. You can adjust the width, color, and corner radius.
<img src="https://media.pixel-fiddler.com/{sourceAlias}/media/{imagePath}?bo.w=5&bo.c=fc2003"/>Parameters:
border.width(alias:bo.w) - Width of the border in pixelsborder.color(alias:bo.c) - Border color in hex formatborder.radius(alias:bo.r) - Corner radius of the border in pixels