Studio exports pages as PNG, JPG, WebP or HDR PNG at 1x, 2x, 4x or a custom size, and multi-page projects as a ZIP, separate files or a single PDF. This page covers every option, free and Pro limits, animation export, and saving .btg project files.
Exports are rendered in your browser from your layers, so text, shapes and vectors are redrawn sharply at whatever size you choose.
Click Export at the right end of the top bar (or File then Export png) to download the active page straight away. Quick export always saves a PNG, at the scale last chosen in Export options (2x until you change it).
Click the small arrow beside Export, or choose File then Export options…, to open the export panel. Opening it from the File menu resets the scale to 2x.
The panel has these rows, from top to bottom.
| Option | Result |
|---|---|
| 1x | The page's own size in pixels. |
| 2x | Twice the width and height. The default. |
| 4x | Four times the width and height. |
| custom | Type an exact width (W) and height (H) in pixels. |
Under the scale buttons, the panel shows the final size, for example 2160 × 2160 px. When a free plan limit would shrink it, the requested size is crossed out and the actual size is shown next to it, for example "exporting 1500 × 1500 px".
Note: In custom mode, width and height are separate fields and are not linked. If you type values with a different aspect ratio from the page, the export is stretched to fit. Work out both numbers from the page size to keep the proportions.
| Format | Best for |
|---|---|
| PNG | Anything with text, flat color, dithers or halftones. Lossless, so every dot stays crisp. |
| JPG | Photographic designs where a smaller file matters. Has a Quality slider. |
| WEBP | Web use. Smaller than PNG, with a Quality slider. |
| HDR | High dynamic range PNG for HDR displays. |
The Quality slider for JPG and WebP runs from 10% to 100%, and starts at 92%.
HDR saves a PNG encoded for HDR screens. The panel describes it as "BT.2100 PQ at 800 nits, view on HDR display in Chrome or Safari". On a normal screen it may look flat or washed out, which is expected. HDR cannot be combined with Single PDF.
When a project has more than one page, two more rows appear.
| Mode | What you get |
|---|---|
| ZIP | One .zip file with every page as an image, named in order (01-page-name.png, 02-page-name.png and so on), plus a manifest.txt listing the page numbers and names. |
| Separate files | One download per page, one after another. Your browser may ask permission to download several files. |
| Single PDF | One PDF with one page per Studio page, in order. Each PDF page is the size of its Studio page at the chosen scale. |
All pages use the same scale. The download button changes to show what you are about to get, for example Download 5 pages, ZIP.
Note: PDF pages are stored as high-quality JPG images, not as editable text or vectors. Choose a scale of 2x or more for print, and use a Print size preset for the pages. See pages and frames.
A progress indicator shows while Studio renders and encodes the image.
| Free | Pro | |
|---|---|---|
| Longest side of an export | 1500 pixels | Your full chosen size |
| Watermark | Yes | No |
| Formats | PNG, JPG, WebP, HDR, PDF, ZIP | The same |
.btg save and open | Yes | Yes |
On the free plan, every export is scaled down so its longest side is at most 1500 pixels, keeping its proportions, and carries a small Bitgrain watermark. With All pages, the scale is reduced so the active page fits within 1500 pixels, and the other pages are scaled by the same amount.
The export panel shows a notice about this on the free plan. It reads "Watermark on, 1500px max", or, when your chosen size is bigger than that, "Capping 3000px down to 1500px" with how much detail you are losing. Clicking it opens the upgrade dialog. After some free exports, Studio may also suggest upgrading.
Pro is a one-time licence, and every account can try it free for 7 days without a card. See plans and pricing and /pricing.
Animated pages export from the animation timeline, not from the export panel.
| Format | Description in the panel |
|---|---|
| MP4 | Best quality, widely compatible |
| WebM | Smaller file, for the web |
| GIF | Looping image, 256 colors |
| SVG | Vector, transform and opacity only |
| Lottie | Vector JSON, full motion, color and easing |
Resolution is 1x, 2x, 3x or 4x, and Quality for MP4 is Low, Medium, High or Ultra. The same free plan watermark and 1500 pixel limit apply to animation exports. Full details are in animation and keyframes.
A .btg file is Bitgrain's own project format. It stores every page with its layers, sizes, positions, backgrounds and images, plus any custom fonts you uploaded or opened from other .btg files. It works on every plan, and it is the safest way to back up a project or move it to another computer or browser.
Both save exactly the same file: every page, your page animations, your active design kit and any uploaded fonts.
The file downloads with a name like bitgrain-studio-1767225600000.btg.
Fonts embedded in the file are installed in your browser and appear under Uploaded in the font list. A design kit stored in the file is added to your kits, and synced to your account when you are signed in. If a file is not a valid Studio project, you see Could not open file.
Tip: Keep a
.btgof important work even on Pro. It is a plain file on your computer that does not depend on your browser storage or your account.
To place your design on a product photo, use Place artwork on a photo in the top bar. The result is added as a new page that you export like any other. See mockups.