Document & Export
Exporting
Export your design as PNG, JPEG, WebP, or PDF — with format-specific quality controls.
Exports are flat — they bake your layered design into a final image (or PDF). The original .img project is not modified.
#Export formats
| Format | Best for | Notes |
|---|---|---|
| PNG | Logos, UI, anything with transparency | Lossless. Largest file size. |
| JPEG | Photos, social posts | No transparency. Quality slider 0–100. |
| WebP | Web delivery | Better compression than JPEG / PNG at similar quality. Transparency supported. |
| Posters, one-page layouts, print | Embeds the rendered canvas as a single page. Vector geometry is rasterized. |
#Export dialog
Open via File → Export (or the export button in the header). The dialog lets you:
- Pick the format
- Adjust quality (JPEG / WebP)
- Choose scale — 1×, 2×, 3× — for retina output
- Set a custom filename
#How export works under the hood
- The renderer composes every visible layer (respecting opacity, blend, effects, clipping, frames) onto an off-screen canvas at the chosen scale.
- For PNG / JPEG / WebP, the canvas is encoded via
canvas.toBlob()with the chosen format and quality. - For PDF, the canvas is embedded into a single-page PDF via
jspdf.
Effects, filters, and asset adjustments are all applied during export — what you see is what you get.
#Export vs. save
- Save (
Ctrl+S) writes the layered project as.img. You keep editing later. - Export writes a flat output. The layered original is untouched.
Most workflows use both — save the project regularly, export when you're ready to share.
#Tips
- For social posts, use WebP at 2× for retina-friendly delivery and small file size.
- For print, use PDF and set the document size to your print dimensions before exporting.
- For transparency-preserving icons / logos, PNG is still the safest universal choice.
- (planned) Multi-format export — produce PNG + WebP + JPEG in one click.
- (planned) SVG export — for shape-only designs.