Text

Add dynamic text overlays to your images with full control over positioning, styling, and appearance. Perfect for watermarks, captions, branding, or any text-based content directly on your images.

Quick reference

Parameter	Alias	Value	See
`text`	`tx`	String to render on the image	Content
`text.color`	`tx.c`	HEX value	Color
`text.opacity`	`tx.o`	0–100	Opacity
`text.background`	`tx.bg`	HEX value	Background
`text.background.opacity`	`tx.bg.o`	0–100	Background
`text.size`	`tx.s`	1–100	Size
`text.font`	`tx.f`	Font family name (e.g., `sans`, `arial`)	Size
`text.font.size`	`tx.fs`	Font size in pixels (overrides percentage-based size)	Size
`text.position`	`tx.p`	`left`, `right`, `top`, `top_left`, `top_right`, `bottom`, `bottom_left`, `bottom_right`, `center`	Content

Content

Add custom text to your images with flexible positioning options. Control exactly where your text appears using position settings.

Text

Position

<img src="https://media.pixel-fiddler.com/{sourceAlias}/media/{imagePath}?tx=lorem&tx.p=bottom_right"/>

Show full parameter names instead of aliases

Parameters:

text (alias: tx) - The text content to display
text.position (alias: tx.p) - Text positioning on the image
- Values: left, right, top, top_left, top_right, bottom, bottom_left, bottom_right, center

Color

Customize the text color using hexadecimal color codes. Create contrast or match your brand colors perfectly.

Color

Text

Position

<img src="https://media.pixel-fiddler.com/{sourceAlias}/media/{imagePath}?tx.c=fc2003&tx=lorem&tx.p=bottom_right"/>

Show full parameter names instead of aliases

Parameters:

text.color (alias: tx.c) - Text color in hexadecimal format
- Format: 6-digit hex code without the # symbol (e.g., fc2003 for red)

Opacity

Control text transparency to create subtle overlays or ensure readability over complex backgrounds.

Opacity

Text

Position

<img src="https://media.pixel-fiddler.com/{sourceAlias}/media/{imagePath}?tx.o=50&tx=lorem&tx.p=bottom_right"/>

Show full parameter names instead of aliases

Parameters:

text.opacity (alias: tx.o) - Text transparency as percentage (0-100)
- Range: 0 = fully transparent, 100 = fully opaque

Background

Add a colored background behind your text to improve readability and create professional-looking overlays.

Background

Opacity

Text

Position

<img src="https://media.pixel-fiddler.com/{sourceAlias}/media/{imagePath}?tx.bg=fc2003&tx.bg.o=50&tx=lorem&tx.p=bottom_right"/>

Show full parameter names instead of aliases

Parameters:

text.background (alias: tx.bg) - Background color in hexadecimal format
- Format: 6-digit hex code without the # symbol
text.background.opacity (alias: tx.bg.o) - Background transparency as percentage (0-100)
- Range: 0 = fully transparent background, 100 = solid background

Size

Control text size using either percentage-based scaling relative to the image or absolute pixel values for precise control.

Percentage size

Size in px

Text

Position

<img src="https://media.pixel-fiddler.com/{sourceAlias}/media/{imagePath}?tx.s=10&tx=lorem&tx.p=bottom_right"/>

Show full parameter names instead of aliases

Parameters:

text.size (alias: tx.s) - Text size as percentage of image dimensions (1-100)
- Percentage range: 1-100% of image dimension
text.font.size (alias: tx.fs) - Text size in pixels (overrides percentage sizing)
- Pixel size: Any positive integer value