Supported file types
This reference lists every file format Site Designer supports for images, fonts, video, audio, and other assets.
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. |
| GIF | .gif | Supports simple animation. Limited to 256 colors — use sparingly. |
| SVG | .svg | Vector format — scales without quality loss. Best for icons and logos. |
| WebP | .webp | Recommended for most images. Better compression than JPEG/PNG; supports transparency. Supported in all modern browsers. |
| AVIF | .avif | Next-generation format. Excellent compression. Support varies by Site Designer version — check your version’s release notes. |
Not supported natively: PSD (Photoshop), AI (Illustrator), Sketch, and Figma files. Export these to PNG, SVG, or WebP before importing.
Fonts
| Format | Extension | Notes |
|---|---|---|
| WOFF2 | .woff2 | Recommended. Best compression, supported in all modern browsers. |
| WOFF | .woff | Slightly larger than WOFF2. Use as fallback for older browser compatibility. |
| TrueType | .ttf | Widely compatible but larger file size than WOFF2. |
| OpenType | .otf | Supports advanced typographic features (ligatures, alternate glyphs). Larger file size. |
For custom fonts, upload the WOFF2 file through the Resources panel. Include WOFF as a fallback if IE11 support matters. TTF and OTF are generally only necessary if your font vendor doesn’t provide WOFF2.
Video
Site Designer supports HTML5 video elements. Supported formats:
| Format | Extension | Browser support |
|---|---|---|
| MP4 (H.264) | .mp4 | All modern browsers — use as the primary format |
| WebM | .webm | Chrome, Firefox, Edge — good compression |
| OGG Theora | .ogv | Firefox mainly — rarely needed today |
Provide MP4 as the primary source. Add WebM as a secondary source for smaller file sizes in supported browsers:
<video>
<source src="video.webm" type="video/webm">
<source src="video.mp4" type="video/mp4">
</video>
Audio
| Format | Extension | Notes |
|---|---|---|
| MP3 | .mp3 | Best browser compatibility for audio |
| WAV | .wav | Uncompressed — very large files. Use only for short sounds where quality matters. |
| OGG Vorbis | .ogg | Good compression; supported in Chrome, Firefox, Edge |
Add audio via HTML5 <audio> elements using Page Settings → Body Code or a Custom HTML element on the canvas.
Documents
| Format | Notes |
|---|---|
Use as a downloadable link target — not embeddable in the page layout. Example: <a href="brochure.pdf" download>Download PDF</a>. Upload to the Resources panel to include in the export. |
Code files
Site Designer lets you inject raw code through custom elements and Page Settings:
| Type | Where to add |
|---|---|
| HTML snippets | Canvas → Custom HTML element |
| CSS | Style pane → custom class, or Page Settings → Head Code |
| JavaScript | Page Settings → Head Code or Body Code |
Site Designer does not transpile or bundle JavaScript modules — inject code as plain ES5/ES6 scripts.
What’s not supported natively
- PSD, AI, XD, Figma, Sketch: Export to PNG, SVG, or WebP first.
- HEIC/HEIF: iPhone photos — convert to JPEG or WebP before importing.
- Raw camera formats (RAW, DNG, CR2): Convert to JPEG or PNG.
- Flash (SWF): Removed in all modern browsers — not supported.
