Skip to main content
Every game ships artwork in three formats, delivered from the Zero-Dash CDN. The URLs and pixel dimensions come from the images array in List games.

​
The three ratios

Square — 1:1

270 × 270Grid tiles, search results, compact lists.

Portrait — 3:4

255 × 340Mobile carousels and vertical lobby rows.

Wide — 3:2

600 × 400Hero banners and featured slots.
Match on ratio, not on array position or on parsing the filename. The order is not guaranteed and new formats may be added.

​
Rendering

Use srcset or CSS media queries so each viewport gets the right asset — that is what the three ratios are for.
Always set width and height from the API values. The browser reserves the right box before the image arrives, so your lobby does not reflow as tiles load.

​
Serving them well

Hotlink the CDN

Point directly at cdn.zerodash.studio. It is already cached at the edge, and mirroring the assets means your copies go stale when artwork is refreshed.

Lazy-load below the fold

loading="lazy" on everything except the first visible row. A lobby is dozens of images.

Refresh URLs with the catalogue

Asset URLs travel with the games list. Re-read them when your cached catalogue updates instead of storing them separately.
Do not resize wide artwork into a square slot with plain CSS scaling. The compositions are laid out per ratio — a squeezed 3:2 crops the game logo out of frame. Pick the asset that matches the slot.