revizly testbed — feature showcase

Every image below is generated on the fly by revizly from this account (https://i.scalepixxyz.com/3f57ac650305).

Source types

The same image fetched through each origin type revizly supports.

S3 + prefix
S3 + prefixprivate S3 bucket · IAM key…
R2 + prefix
R2 + prefixprivate R2 bucket · R2 key…
HTTP + prefix
HTTP + prefixR2 proxy over HTTP…
Full URL
Full URLwhole https URL…

Output formats

One source image, re-encoded on the fly.

jpeg
jpegformat=jpeg…
webp
webpformat=webp…
avif
avifformat=avif…
avif (svt)
avif (svt)format=avifsvt…
jxl
jxlformat=jxl…
png
pngformat=png…
png8
png8format=png8…

Fit modes

Same 300×300 box, different fit strategies.

cover
coverw=300&h=300&fit=cover…
contain
containw=300&h=300&fit=contain…
fill
fillw=300&h=300&fit=fill…
crop
cropw=300&h=300&fit=crop…
smart
smartw=300&h=300&fit=smart…

Dimensions

Arbitrary widths, heights and aspect ratios.

w=150
w=150w=150…
w=300
w=300w=300…
w=460
w=460w=460…
portrait
portraitw=220&h=330&fit=cover…
banner
bannerw=460&h=150&fit=cover…

Quality

Every lossy format at low, medium and high quality (q1 / q5 / q10), same photo. Rows are formats.

jpeg q=1
jpeg q=1format=jpeg&q=1…
jpeg q=5
jpeg q=5format=jpeg&q=5…
jpeg q=10
jpeg q=10format=jpeg&q=10…
mozjpeg q=1
mozjpeg q=1format=mozjpeg&q=1…
mozjpeg q=5
mozjpeg q=5format=mozjpeg&q=5…
mozjpeg q=10
mozjpeg q=10format=mozjpeg&q=10…
webp q=1
webp q=1format=webp&q=1…
webp q=5
webp q=5format=webp&q=5…
webp q=10
webp q=10format=webp&q=10…
avif q=1
avif q=1format=avif&q=1…
avif q=5
avif q=5format=avif&q=5…
avif q=10
avif q=10format=avif&q=10…
avifsvt q=1
avifsvt q=1format=avifsvt&q=1…
avifsvt q=5
avifsvt q=5format=avifsvt&q=5…
avifsvt q=10
avifsvt q=10format=avifsvt&q=10…
jxl q=1
jxl q=1format=jxl&q=1…
jxl q=5
jxl q=5format=jxl&q=5…
jxl q=10
jxl q=10format=jxl&q=10…

Transforms

Rotate, flip, smart-crop gravity, and background fill.

rotate 90°
rotate 90°rotate=90…
rotate 180°
rotate 180°rotate=180…
flip H
flip Hflip=h…
flip V
flip Vflip=v…
gravity=attention
gravity=attentionfit=cover&gravity=attention…
bgcolor (contain)
bgcolor (contain)fit=contain&bgcolor=1e2a44…

Rotations

Right-angle and arbitrary-angle rotation (with a custom background fill where corners are exposed), plus rotate + flip. Re-rolls the photo on each visit.

rotate 0°
rotate 0°rotate=0…
rotate 10°
rotate 10°rotate=10…
rotate 30°
rotate 30°rotate=30…
rotate 45°
rotate 45°rotate=45…
rotate 90°
rotate 90°rotate=90…
rotate 135°
rotate 135°rotate=135…
rotate 180°
rotate 180°rotate=180…
rotate 270°
rotate 270°rotate=270…
rotate 350°
rotate 350°rotate=350…
rotate 30° + bgcolor
rotate 30° + bgcolorrotate=30&bgcolor=1e2a44&format=png…
rotate 90° + flip H
rotate 90° + flip Hrotate=90&flip=h…
rotate 45° cover 240×240
rotate 45° cover 240×240rotate=45&h=240&fit=cover…

Video

Short MP4s (Big Buck Bunny, Sintel) → extracted still frames, and live animated webp / JPEG XL. The fixed cards share one random video and the "random animated" cards each pick their own, plus random size, fit, rotation, quality and format — all re-rolled whenever you open this tab. (JXL displays only in browsers with JXL support, e.g. Safari.)

still frame (jpeg)
still frame (jpeg)sintel.mp4 · w=400&format=jpeg…
still frame (webp)
still frame (webp)sintel.mp4 · w=400&format=webp…
still frame (avif)
still frame (avif)sintel.mp4 · w=400&format=avif…
still frame (jxl)
still frame (jxl)sintel.mp4 · w=400&format=jxl…
animated webp
animated webpsintel.mp4 · w=400&animated=webp…
animated jxl
animated jxlsintel.mp4 · w=400&animated=jxl…
still rotate 90°
still rotate 90°sintel.mp4 · w=300&rotate=90&format=jpeg…
still rotate 45°
still rotate 45°sintel.mp4 · w=300&rotate=45&format=jpeg…
animated webp rotate 30°
animated webp rotate 30°sintel.mp4 · w=300&rotate=30&animated=webp…
animated webp rotate 90°
animated webp rotate 90°sintel.mp4 · w=300&rotate=90&animated=webp…
animated webp rotate 180°
animated webp rotate 180°sintel.mp4 · w=300&rotate=180&animated=webp…
animated webp rotate 270°
animated webp rotate 270°sintel.mp4 · w=300&rotate=270&animated=webp…
animated jxl rotate 45°
animated jxl rotate 45°sintel.mp4 · w=300&rotate=45&animated=jxl…
animated jxl rotate 90° + flip H
animated jxl rotate 90° + flip Hsintel.mp4 · w=300&rotate=90&flip=h&animated=jxl…
random animated webp
random animated webpbunny.mp4 · w=480&q=10&animated=webp…
random animated jxl
random animated jxlclip-a.mp4 · w=400&h=200&fit=contain&rotate=270&flip=h&q=6&animated=jxl…
random animated jxl
random animated jxlsintel.mp4 · w=320&h=360&fit=cover&rotate=90&flip=h&q=5&animated=jxl…
random animated jxl
random animated jxlsintel.mp4 · w=400&h=200&fit=cover&flip=h&q=8&animated=jxl…
random animated jxl
random animated jxlsintel.mp4 · w=320&q=6&animated=jxl…
random animated webp
random animated webpsintel.mp4 · w=480&h=360&fit=contain&rotate=180&q=10&animated=webp…

Gallery

All 100 source photos, cover-cropped to 240×180.

img-001.jpgimg-002.jpgimg-003.jpgimg-004.jpgimg-005.jpgimg-006.jpgimg-007.jpgimg-008.jpgimg-009.jpgimg-010.jpgimg-011.jpgimg-012.jpgimg-013.jpgimg-014.jpgimg-015.jpgimg-016.jpgimg-017.jpgimg-018.jpgimg-019.jpgimg-020.jpgimg-021.jpgimg-022.jpgimg-023.jpgimg-024.jpgimg-025.jpgimg-026.jpgimg-027.jpgimg-028.jpgimg-029.jpgimg-030.jpgimg-031.jpgimg-032.jpgimg-033.jpgimg-034.jpgimg-035.jpgimg-036.jpgimg-037.jpgimg-038.jpgimg-039.jpgimg-040.jpgimg-041.jpgimg-042.jpgimg-043.jpgimg-044.jpgimg-045.jpgimg-046.jpgimg-047.jpgimg-048.jpgimg-049.jpgimg-050.jpgimg-051.jpgimg-052.jpgimg-053.jpgimg-054.jpgimg-055.jpgimg-056.jpgimg-057.jpgimg-058.jpgimg-059.jpgimg-060.jpgimg-061.jpgimg-062.jpgimg-063.jpgimg-064.jpgimg-065.jpgimg-066.jpgimg-067.jpgimg-068.jpgimg-069.jpgimg-070.jpgimg-071.jpgimg-072.jpgimg-073.jpgimg-074.jpgimg-075.jpgimg-076.jpgimg-077.jpgimg-078.jpgimg-079.jpgimg-080.jpgimg-081.jpgimg-082.jpgimg-083.jpgimg-084.jpgimg-085.jpgimg-086.jpgimg-087.jpgimg-088.jpgimg-089.jpgimg-090.jpgimg-091.jpgimg-092.jpgimg-093.jpgimg-094.jpgimg-095.jpgimg-096.jpgimg-097.jpgimg-098.jpgimg-099.jpgimg-100.jpg