TypstPad

Guide

Start with a Typst expression or a picture of a printed equation. This guide takes you from the first preview to an image, editable source, or a link you can share.

Open the editor

Export Typst formulas to PNG and SVG

TypstPad turns a short Typst expression into a formula image you can use in a document, presentation, or website. The source stays editable, so you can revise the formula before exporting it again.

From source to image

Enter a formula in the editor. Simplified Formula Mode is on by default, so you can enter the example below without surrounding dollar signs.
Check the live preview. Use the symbol picker for unfamiliar notation, and correct any syntax errors before exporting.
Choose Export Image, then select PNG, JPG, or SVG. Choose Export Code to save the Typst source or an HTML version.
Download the file, or copy a PNG to paste into an application that accepts images. Clipboard support depends on your browser and requires HTTPS on a public site.

Example: the sum of the first n integers

sum_(i=1)^n i = (n (n + 1)) / 2

The fraction uses /, while _ and ^ add lower and upper limits to the sum. Change n or replace the expression to make the example your own.

Open example in editor

Choose the right format

PNG: PNG works well in notes and slides. It supports a transparent background. Choose a higher export scale in Settings when you need more pixels.
SVG: SVG stays sharp when resized, making it useful for websites and tools that accept vector images. Check that your destination application supports SVG.

JPG uses a white background. HTML embeds the formula image in an HTML snippet or file. Download a .typ file when you want to keep the editable source.

If the export looks different

Check your formula mode and selected fonts. Custom fonts and editor settings are not included in shared links. Compare the preview before exporting, and keep a .typ copy if you will need to edit the source later.

Convert an image to Typst math

Use Image to Typst to turn one printed equation into editable source. Recognition uses the experimental TypLens model in your browser; your selected image is not uploaded for recognition.

Recognize and review a formula

Crop the image to a single printed formula. Clear, dark text on a light background works best. Save it as PNG, JPEG, or WebP.
Open the editor and choose Image to Typst in the input panel. Select, drop, or paste your image into the dialog.
Wait for recognition and inspect both the generated Typst source and its preview. Compare subscripts, superscripts, fractions, and symbols with the original image.
Choose Use in editor when the result is ready. This replaces the current editor content. Make any remaining corrections, then export the formula or download the Typst source.

Prepare a useful image

Use a tight crop with the complete equation still visible. Avoid blurred photos, shadows, handwriting, and full-page documents. The tool is designed for a single printed formula, and every result needs review.

What runs in your browser

First use downloads the model and runtime; the model weights are about 34 MB. Recognition then runs locally. A downloaded image or Typst file is the simplest way to keep a result beyond this browser’s local storage.

When recognition needs a correction

Try a clearer crop or enter the difficult part manually. TypstPad blocks incomplete generation and invalid tokens from insertion, but a syntactically valid result can still differ from the original formula.

Read about the TypLens model