Image Export

Export your ASCII art as PNG, JPEG, or SVG images for sharing, printing, or embedding in other projects.

Supported Formats

FormatExtensionBest For
PNG.pngGeneral use, transparency
JPEG.jpgSmaller files, photos
SVG.svgScalable graphics, web

Accessing Image Export

Click Export in the toolbar

Select Image from the format dropdown

Choose PNG, JPEG, or SVG

Configure settings

Click Export

Common Settings

Size Multiplier

Scale your export for different uses:

MultiplierUse Case
1xOriginal size, smallest file
2xSocial media, standard sharing
3xHigh-quality prints
4xMaximum quality, large displays
Info

Higher multipliers increase file size but provide better quality when scaling up.

Include Grid

  • Enabled: Shows the grid lines in export
  • Disabled: Clean export without grid

Most users disable grid for final exports.

PNG Export

PNG (Portable Network Graphics) is the recommended format for most uses.

PNG Features

  • Lossless compression - No quality loss
  • Transparency support - Transparent backgrounds
  • Wide compatibility - Works everywhere

PNG Settings

SettingDescription
Size Multiplier1x, 2x, 3x, or 4x
Include GridShow/hide grid lines

When to Use PNG

Ideal for:

  • Sharing on social media
  • Embedding in documents
  • Web graphics
  • When you need transparency
  • Preserving exact colors

JPEG Export

JPEG offers smaller file sizes with some quality trade-off.

JPEG Features

  • Lossy compression - Smaller files
  • No transparency - Background always solid
  • Adjustable quality - Balance size vs. quality

JPEG Settings

SettingDescription
Size Multiplier1x, 2x, 3x, or 4x
Include GridShow/hide grid lines
Quality1-100 (higher = better quality, larger file)

Quality Guidelines

QualityFile SizeUse Case
60-70SmallWeb thumbnails
80-85MediumGeneral sharing
90-95LargeHigh-quality output
100LargestMaximum quality
Warning

JPEG doesn't support transparency. Transparent areas will become white.

SVG Export

SVG (Scalable Vector Graphics) exports as vector format that scales infinitely.

Info

SVGs exported from ASCII Motion are compatible with Figma and Adobe Illustrator, with editable text and correct font mapping.

SVG Features

  • Vector format - Scales to any size
  • Editable - Can be modified in vector editors
  • Web-native - Works directly in browsers
  • Text searchable - Characters remain as text (by default)

SVG Settings

SettingDescription
Include GridShow/hide grid lines
Include BackgroundInclude canvas background color
Text as OutlinesConvert text to vector paths
PrettifyFormat SVG code for readability

Text as Outlines

Keep characters as text elements

Pros:

  • Smaller file size
  • Searchable text
  • Easier to edit

Cons:

  • Requires font to be installed
  • May render differently on other systems

When to Use SVG

Ideal for:

  • Web graphics
  • Print at any size
  • Logo and icon use
  • When you need infinite scaling
  • Professional design work

Less suitable for:

  • Complex/large artworks (file size)
  • Social media sharing
  • Non-technical users

Workflow Examples

For Social Media

Select PNG format

Set Size Multiplier to 2x

Disable Include Grid

Export and share

For Print

Select PNG or SVG

Set Size Multiplier to 4x (for PNG)

Enable Text as Outlines (for SVG)

Export at highest quality

For Web Development

Select SVG format

Enable Include Background if needed

Enable Prettify for readable code

Export and embed in HTML/CSS

Tips

  • PNG is safest for general use
  • Use 2x minimum for sharp display on retina screens
  • SVG + Text as Outlines ensures consistent rendering
  • JPEG only when file size is critical and you don't need transparency
  • Test your export before sharing widely