Images
Videos
Icon safe zone

Keep your logo within the safe zone circle. Do not pre-apply a corner radius. The Startale App rounds the corners for you.
Hero image safe zone

Keep important content within the vertically centered safe area. The hero image is used for the app grid card.
Featured banner safe zone

Place logos, characters, title text, and other focal content inside the centered 1600×560 safe zone. Background imagery can extend to the full canvas, but anything load-bearing should sit within the safe area.
App viewport
IfscreenCompatibility.desktop is omitted or false, your Mini App renders inside a 424×695 px portrait frame on desktop. When desktop: true, the iframe expands to fill the available browser viewport.
When landscapeOnly: true, the effective canvas is 695×424 px, content is rotated 90° clockwise, and you should design at that effective size.
Aspect ratio enforcement
Aspect ratios above are enforced at validation with a 1% tolerance. A 1200×640 image, for example, fails the 1.91:1 hero ratio check.Hosting recommendations
- Serve images over a CDN with HTTP/2 and proper
Cache-Controlheaders. - WebP delivers smaller files than PNG or JPG at the same visual quality. Use it where possible.
- Avoid serving images from third-party redirect chains. Only 3 redirects are followed before the URL is rejected.