Interactive CDN Playground

Build and preview a real CDN asset URL. Change the ID, quality, dimensions and target code format to see the output update.

Public CDNHelper v1.0.0No API key

Build a live asset URL

Choose the asset family, quality and ID. The URL and integration snippet update as you edit. The helper generates the URL locally; the browser requests the file only for the live preview.

Asset family Format / quality Asset ID

Emoji: lowercase hexadecimal ID. Flag: country code such as IN.

Alt text

Width

Height

Code example

Generated CDN URL

Integration snippet

What the playground checks

Validates type and quality combinations with the same helper used in your project.
Normalises emoji hexadecimal IDs and flag code casing.
Displays the generated URL before the file request finishes.
Separates invalid input errors from missing-file preview errors.

A syntactically valid URL can still point to a missing file. Use the asset explorers to confirm filenames.

Download AI context (.md)Interactive playground ↗API reference