Supported file types
Assets are added to a project through the Resources panel. The formats below are standard web formats — true regardless of which tool produced them — not a CoffeeCup-published compatibility list.
Images
| Format | Extension | Notes |
|---|---|---|
| JPEG | .jpg, .jpeg | Best for photographs. Lossy compression. No transparency. |
| PNG | .png | Best for graphics with transparency or sharp edges. Lossless. |
| SVG | .svg | Vector format — scales without quality loss. Best for icons and logos. |
| WebP | .webp | Better compression than JPEG/PNG at similar quality; supports transparency. Supported in all current browsers. |
| GIF | .gif | Supports simple animation. Limited to 256 colors. |
Not a web format: PSD, AI, Sketch, and Figma files aren’t image formats a browser can render — export them to PNG, SVG, or WebP first, in whatever tool created them.
Fonts
| Format | Extension | Notes |
|---|---|---|
| WOFF2 | .woff2 | The current standard — best compression, supported in all current browsers. |
| WOFF | .woff | Slightly larger than WOFF2, wider legacy support. |
| TrueType / OpenType | .ttf / .otf | Widely compatible, larger file size than WOFF2. |
Custom fonts go through the Resources panel like any other asset.
Video and audio
| Format | Extension | Browser support |
|---|---|---|
| MP4 (H.264) | .mp4 | Universal — use as the primary source |
| WebM | .webm | Chrome, Firefox, Edge — smaller files, use as a secondary source |
| MP3 | .mp3 | Universal audio format |
Both video and audio are standard HTML5 <video>/<audio> elements once exported; embedding two <source> tags (MP4 + WebM) is a common pattern for covering more browsers with one player.
Nothing matches that. Try a shorter term.
Injecting your own code
For a script, style, or embed that doesn’t fit the format tables above, Site Designer’s real mechanism is described in custom HTML, CSS, and JS injection: per-page code lives in Page Properties → Code, and site-wide code lives in Settings → Global Code.