Export System
ASCII Motion supports exporting your artwork in multiple formats, from images and videos to code and data files.
Available Formats
| Format | Extension | Use Case |
|---|---|---|
| Image | .png, .jpg, .svg | Static images for sharing |
| Video | .webm, .mp4 | Animated videos |
| Text & JSON | .txt, .json | Plain text and data formats |
| HTML | .html | Self-contained web animation |
| React | .jsx, .tsx | React component output |
| Session | .json | Full project save/restore |
Quick Export
Click Export in the toolbar or use Ctrl/Cmd+E
Select your desired format
Configure format-specific settings
Click Export to download
Export Settings
Each format has its own configuration options:
Image Export (PNG, JPEG, SVG)
- Size multiplier (1x, 2x, 3x, 4x)
- Include grid option
- JPEG quality (for .jpg)
- SVG: Text as outlines, prettify
Format Comparison
For Static Artwork
| Format | Pros | Cons |
|---|---|---|
| PNG | Lossless, transparency | Larger files |
| JPEG | Small files | No transparency, lossy |
| SVG | Scalable, editable | Complex for large artworks |
| Text | Universal, copyable | No colors |
For Animations
| Format | Pros | Cons |
|---|---|---|
| WebM | Modern, efficient | Limited browser support |
| MP4 | Universal support | Larger files |
| HTML | Self-contained, interactive | Requires browser |
| React | Embeddable in apps | Requires React |
Metadata
Info
All exports include metadata about your project: creation date, app version, and project settings.
Metadata is embedded in:
- PNG/JPEG as EXIF data
- SVG as comments
- JSON/HTML as data attributes
- Session files as structured data
Export Workflow Tips
For Social Media
- Export as PNG at 2x or 4x size
- Ensure good contrast for visibility
- For animations: export MP4 for best compatibility
For Websites
- Use SVG for scalable graphics
- Or HTML for self-playing animations
- React components for React-based sites
For Archiving
- Always save a Session file for future editing
- Sessions preserve all project data
- Can be re-imported to continue working
For Sharing
- Text format for forums and chats
- JSON for data interchange
- Image for visual sharing
Performance Notes
- Large canvases may take longer to export
- Video export processes frame by frame
- Progress indicator shows status
- Don't close the browser during export
Keyboard Shortcuts
| Shortcut | Action |
|---|---|
| Ctrl/Cmd+E | Open export dialog |
| Ctrl/Cmd+S | Quick save (session) |
| Ctrl/Cmd+Shift+E | Export with last settings |
Next Steps
Learn about specific export formats:
- Image Export - PNG, JPEG, SVG
- Video Export - WebM, MP4
- Text & JSON - Plain text and data
- HTML Export - Web-ready animations
- React Component - JSX/TSX output
- Session Files - Project save/restore