TanStack Logo

No Dot

With format:webp

Placeholder Only

With placeholder only

With Dot

With format:.webp

With Watermark

With watermark.opacity + defined IMGPROXY_WATERMARK_DATA only

With Blur

With blur

Resizing type fill

With resizing_type:fill

Resizing type fit

With resizing_type:fit

Resizing type force

With resizing_type:force

Crop north

With crop 200x200 gravity:no

Crop center

With crop 200x200 gravity:ce

Sharpen

With sharpen:2

Pixelate

With pixelate:10

Rotate 90

With rotate:90

Rotate 180

With rotate:180

Background RGB

With resizing_type:fit + background rgb(30,144,255)

Background hex

With resizing_type:fit + background:#FF5733

Brightness

With brightness:30

Contrast

With contrast:1.5

Saturation

With saturation:0.2

Adjust

With adjust brightness:15 contrast:1.2 saturation:1.4

Padding

With padding:20 + background:white

Extend south

With extend gravity:so + background:black

Gravity south

With resizing_type:fill + gravity:so

Gravity north-east

With resizing_type:fill + gravity:noea

DPR 2x

With dpr:2

Strip metadata

With strip_metadata:true

Strip color profile

With strip_color_profile:true

Auto rotate EXIF

With auto_rotate:true

Zoom 1.5x

With zoom:1.5

Zoom x:2 y:1

With zoom x:2 y:1

Enlarge

With enlarge:true

Trim whitespace

With trim threshold:10 equal_hor equal_ver

JPEG progressive

With format:jpg + jpeg_options progressive no_subsample

PNG quantize

With format:png + png_options quantize:128

Max bytes 50kb

With max_bytes:50000

Resizing algorithm nearest

With resizing_algorithm:nearest

Resizing algorithm lanczos2

With resizing_algorithm:lanczos2

Preset thumbnail

With preset:thumbnail