VEA (VenueEventArtist) CDN Image Transformations¶
Summary¶
VenueEventArtist.com uses their own custom CDN (not Cloudflare Image Transformations). While they are behind Cloudflare (we see cf-ray headers), they do NOT have /cdn-cgi/image/ transformations enabled.
However, VEA provides extensive native transformations via URL patterns!
✅ What WORKS¶
Size & Scaling¶
| Code | Description | Example URL |
|---|---|---|
SC |
Scale and contain | /500SC500/ |
SD |
Scale and distort | /500SD500/ |
KC |
Scale and crop from center | /500KC500/ |
KT |
Scale and crop from top | /500KT500/ |
KL |
Scale and crop from left | /500KL500/ |
KR |
Scale and crop from right | /500KR500/ |
KB |
Scale and crop from bottom | /500KB500/ |
BK |
Scale with color bleed | /500BK500blue/ |
Sizes tested: 250, 500, 750, 1000, 1500, 2000px all work ✅
Effects¶
| Prefix | Effect | Example URL | Works? |
|---|---|---|---|
g |
Grayscale | /g500SC500/ |
✅ |
b |
Blur | /b500SC500/ |
✅ |
s |
Sepia | /s500SC500/ |
✅ |
Combined Transformations¶
You can combine effects with sizes:
- g500SC500 - Grayscale + 500px scale and contain
- b500SD500 - Blur + 500px scale and distort
- s500KC500 - Sepia + 500px crop from center
Color Bleed (BK)¶
Adds colored background when image doesn't fit aspect ratio:
- /500BK500blue/ - Blue background
- /500BK500red/ - Red background
- /500BK500x0000FF/ - Hex color support
❌ What DOESN'T Work¶
Cloudflare Native¶
/cdn-cgi/image/width=500/- Returns 404/cdn-cgi/image/format=webp/- Returns 404- Cloudflare Polish/optimization headers show
cf-cache-status: BYPASS
VEA Limitations¶
- Quality parameter - Not supported via URL (returns 302 redirect)
- WebP conversion - Not supported via URL (returns 302 redirect)
- AVIF format - Not supported
- Metadata stripping - Not supported
URL Format¶
https://venueeventartist.com/imateq/event/{venue}/{event}/{artist}/{EFFECT}{SIZE}{MODE}{SIZE}/{image_id}.jpeg
Components:
- {venue} - Venue code (e.g., 446 for LIV)
- {event} - Event ID
- {artist} - Artist/performer ID
- {EFFECT} - Optional: g (grayscale), b (blur), s (sepia)
- {SIZE} - Target size in pixels (e.g., 500)
- {MODE} - Processing mode: SC, SD, KC, KT, KL, KR, KB, BK
- {SIZE} - Secondary size (usually same as first for square)
- {image_id} - Unique image identifier
Examples:
# Original/raw
/raw/40876719660.jpeg
# 500px scale and contain (default web size)
/500SC0/40876719660.jpeg
/500SC500/40876719660.jpeg
# 1500px high-res
/1500SC1500/40876719660.jpeg
# Grayscale 500px
/g500SC500/40876719660.jpeg
# Blurred 500px
/b500SC500/40876719660.jpeg
# Crop from center 500px
/500KC500/40876719660.jpeg
Recommended Usage¶
For Web Display¶
For High-Res/Print¶
For Thumbnails¶
For Artistic Effects¶
For Different Aspect Ratios¶
Comparison: Cloudflare vs VEA¶
| Feature | Cloudflare Images | VEA CDN |
|---|---|---|
| URL format | /cdn-cgi/image/options/path |
/sizeMODEsize/image |
| Enabled? | ❌ No | ✅ Yes (native) |
| Size control | width=500 |
500SC500 |
| Effects | Many filters | g, b, s only |
| WebP | ✅ Yes | ❌ No |
| AVIF | ✅ Yes | ❌ No |
| Quality param | ✅ Yes | ❌ No |
| Gravity/crop | ✅ Advanced | ✅ Basic (KC, KT, etc) |
| Face detection | ✅ Yes | ❌ No |
Implementation Notes¶
- Default to
SCmode - "Scale and contain" preserves aspect ratio - Use consistent sizing - Both sizes in code should match (e.g.,
500SC500) - Effects are prefixes - Place before size code:
g500SC500 - No quality control - VEA uses their own compression algorithm
- Always JPEG - No WebP/AVIF conversion available
- File size grows quadratically - 2x size = ~4x file size (roughly)
File Size Reference¶
Based on actual downloads from VEA CDN:
| Size | ~File Size | Use Case |
|---|---|---|
| 250px | 19KB | Thumbnails |
| 500px | 41KB | Web display, cards |
| 750px | 95KB | Medium quality |
| 1000px | 133KB | Large display |
| 1500px | 290KB | High-res/print |
| 2000px | 338KB | Ultra high-res |
Last tested: 2026-02-27 Status: All listed transformations confirmed working