Common URL Patterns
I've been around image CDNs and transformation APIs enough to recognize when an image URL is pointing to one. However, determining which one in particular can be a little bit of a chore, so I've come up with a handy table that makes it easier.
This is a wide table - you can horizontally scroll
Service 👉 Params 👇 |
Cloudinary | imgproxy | Cloudflare (see also worker docs) | ImageOptim | Statically | Netlify (Large Media Transformation) | Glide |
---|---|---|---|---|---|---|---|
Key-Val Approach | /{key}_{val},... |
/{key}:{val}/... |
/{key}={val},.../ Docs specify comma-separated kv-pairs, but I've also seen standard & used |
/{key}={val},.../ |
/{key}={val},.../ |
?{key}={val}&... |
?{key}={val}&... |
Param: Quality | q_{percent} Example: q_70 |
quality:{percent} |
quality={percent} or q={percent} |
quality={preset} Example: quality=low |
q={percentage} |
NA | q={percentage} |
Headers
I might add to this section eventually, but for right now I'm going to leave this blank with the reasoning that relying on response headers to determine how an image was processed is less reliable (in general) than looking at the syntax of the request URL.
All sorts of setups can interfere with getting the original headers back from the transformation layer, and some services don't return unique headers that you can depend on staying immutable over time anyways.