Snipsco
Sign in

Turn code into snippet images

Paste code, pick a theme, download a PNG.

docs-site / render.ts

Formatted with Prettier on pasteTypeScript · 22 lines
  • L7
  • L8
  • L17
  • L18

How it works

  1. 1

    Paste your code

    Drop in the code you want to turn into an image.

  2. 2

    Pick a theme and mark lines

    Choose a theme and mark the lines that should stand out.

  3. 3

    Download or copy

    Export a PNG or copy it. 1x needs no account. 2x and 3x need an account and Pro.

Gists collection

Your personal collection of code snippets, stored in the cloud.

Browse gists

  • When to use JPG instead of PNG for SVG

    svg
    <rect width="100%" height="100%" fill="#0f172a"/>

  • How to convert SVG code to PNG

    svg
    <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="#7c3aed" stroke-width="2" stroke-linecap="round" stroke-linejoin="round">
  <polyline points="16 18 22 12 16 6"/>
  <polyline points="8 6 2 12 8 18"/>
</svg>

Send code to your Gists from your editor

Select any code block in your IDE and push it straight to your Gists collection with a single command.

Tools

Free vs Pro

1x PNG is free. 2x and 3x are Pro.

Free

$0

  • 1x PNG download and copy
  • 1920x1080 at 1x
  • No account needed
Sign up free

Pro

$6/mo

  • 2x and 3x high-res exports
  • $6/mo or $48/yr
  • Sign in, then Pro

Questions

How the snippet tool and converters work.

  • What is the code to image tool?

    Paste code, pick a theme, and highlight lines. The preview renders in the browser. 1x download and copy need no account. 2x and 3x are Pro.

  • Do I need to sign in?

    Editing, preview, and 1x download and copy need no account. 2x and 3x need a sign-in, then Pro. Sign in to save a project. The SVG and HTML converters run with no account.

  • What are the other tools?

    SVG Code to Image and HTML Code to Image turn markup into PNG or JPEG in your browser. Nothing is uploaded.

  • What does Pro include?

    Export 1x PNG, download or copy. No account needed. Pro is $6/month or $48/year: 2x and 3x high-res exports. Sign in and upgrade to Pro.

  • Is the old canvas still here?

    The canvas route still works if you have the link. The home page leads with code to image.

Ready to make a snippet image?

Paste your code, pick a theme, and export a PNG. 1x needs no account. 2x and 3x need an account and Pro.

Create a code image