ASCII Magic
Open tool

ASCII art for YouTube thumbnails

Export any animated ASCII piece as a 1280 by 720 YouTube thumbnail background, then add your title on top in any editor.

Loading the builder…

/WHY

A thumbnail has one job: to be the thing a viewer's eye stops on in a busy feed. Animated ASCII art does that well because it looks like nothing else around it, and it fits any video about code, tech, design, games or the internet.

The builder places your words on any piece at exactly 1280 by 720, with a shade behind the text so it stays readable, and shows it in a mock YouTube feed with the timestamp in the corner. Download the PNG, or a 1920 version and a five second intro clip from the same art.

/EXAMPLES

Ready-made examples to copy

Each one is complete. Copy it as it is, or change the piece name to any piece in the library.

Short and bold

Three to five words, left aligned at the bottom, away from the timestamp in the lower right.

Piece: Matrix Rain   Look: Original
Text: "I rebuilt it in ASCII"
Position: Bottom   Align: Left   Size: 120%

One big number

Numbers stop the scroll. Centre a single figure over a busy piece.

Piece: Plasma   Look: Halftone dots, dot size 60%
Text: "10,000 FPS"
Position: Middle   Align: Centre   Size: 160%

Series thumbnails that match

Keep the piece, look and position the same and change only the words, so every episode is recognisable.

Episode 1: "Part 1: The idea"
Episode 2: "Part 2: The engine"
Episode 3: "Part 3: Shipping it"
Same piece, look, colour and position for all three.

Make variants for A/B testing

YouTube Studio's Test and compare tries up to three thumbnails and keeps the winner. Change one thing per variant.

A: Bottom, left, white text
B: Middle, centre, white text
C: Bottom, left, yellow text (#facc15)

How to do it

  1. Pick a bold piece. Effects, scenes and big type work best small.
  2. Pause on a strong frame.
  3. Export with the YouTube thumbnail preset.
  4. Add your title text on top and upload.

Every piece page has an Export panel with these sizes: Desktop 4K, Desktop 1080p, Phone wallpaper, YouTube thumbnail, GitHub social preview, X header, LinkedIn banner, Square post and Story.

/GUIDE

Design for the phone feed

Most views start on a phone, where a thumbnail is about 170 pixels wide. Words must be big, few and high contrast. If you can't read it with the builder preview shrunk on your phone screen, it's too small.

The duration badge sits in the bottom right corner on every thumbnail. Keep your words left or centre so it never covers them.

Add something the title doesn't say

Viewers read the title and the thumbnail together. Repeating the title wastes the space. Use the thumbnail for the hook (a number, a result, a question) and the title for what the video is.

Matching intro clip

The Intro clip button records five seconds of the same piece at 1920 by 1080, which you can drop at the start of the video so the click and the first frame feel like one thing.

File rules

YouTube accepts JPG, PNG or GIF thumbnails at 1280 by 720 and under 2 MB. The PNG from the builder is exactly that size; a busy piece at 1920 may go over 2 MB, so upload the 1280 version.

Pieces that work well for this

Open any of them to copy the code or export.

Arctic IcebergsLandscapes
Aurora Cabin SnowfallLandscapes
Aurora CurtainsDemoscene
Autumn ForestLandscapes
Autumn Pagoda MaplesLandscapes
Autumn Road CyclistLandscapes
Balloon Valley SunriseLandscapes
Blinking CursorLettering

/FAQS

ASCII art for YouTube thumbnails: frequently asked questions

Q. What size is a YouTube thumbnail?
A YouTube thumbnail is 1280 by 720 pixels, a 16:9 ratio, under 2 MB, as a JPG, PNG or GIF. The builder's Download thumbnail button makes a PNG at exactly that size. There is also a 1920 by 1080 version, but upload the 1280 one if a busy piece pushes the larger file past 2 MB.
Q. How do I make a YouTube thumbnail with ASCII art?
Pick a bold piece, slide to a strong moment, type three to five words, and download the 1280 by 720 PNG. The builder places your words on the art with a shade behind them so they stay readable, and shows the result in a mock feed with a timestamp, the way viewers will see it.
Q. How many words should a YouTube thumbnail have?
Three to five words is the sweet spot. On a phone a thumbnail shows at about 168 by 94 pixels, so long text becomes unreadable. The builder's Before you upload checklist counts your words, and the text size slider goes up to 160 percent for short, punchy lines such as a single number.
Q. Where should text go so the video timestamp does not cover it?
Keep text on the left or in the center, because the video length badge always sits in the bottom right corner. The builder's default is bottom left, and you can move the text to the middle or the top. The mock feed preview draws the timestamp so you can check nothing hides behind it.
Q. Can I use an animated GIF as a YouTube thumbnail?
No. YouTube accepts GIF files but shows only the first frame, so a thumbnail is always a still. Use the Moment in the animation slider to choose the best frame, then download the PNG. For motion, use the five-second intro clip at the start of the video instead.
Q. What text options does the thumbnail builder have?
You can set the main words, an optional small line under them, the position at the top, middle or bottom, left or center alignment, a size from 60 to 160 percent and any text color. The text is drawn in a bold sans serif with a soft shade behind it for contrast.
Q. Can I use my own font on an ASCII thumbnail?
Not inside the builder, which uses one bold sans serif chosen for legibility at small sizes. For your own font or a photo of your face, leave the words empty, download the art at 1280 by 720, and add your text in the image editor you already use.
Q. Which ASCII pieces make the best thumbnails?
High-contrast pieces with a clear focal point read best at small sizes. Neon City Rain, Digital Rain, Pixel Fire, Black Hole, Retro Synth Sunset, Sine Plasma, Tesseract and Boot Sequence all hold up in a busy feed. A halftone dots look with a large dot size adds even more punch.
Q. Can I make a matching intro clip for my video?
Yes. The Intro clip button records five seconds of the same piece at 1920 by 1080, starting from the moment you picked. Put it at the start of the video so the thumbnail and the first frame feel like one thing. The clip has no text on it, so add your title in your video editor.
Q. How do I A/B test ASCII thumbnails on YouTube?
Make two or three versions that differ in one thing, such as text position, look or color, then add them in YouTube Studio's Test and compare for that video. YouTube shows each version to viewers and reports which one performs best. Keep the piece the same so the result tells you something useful.
Q. How do I make thumbnails for a video series match?
Keep the same piece, look, text position and color for every episode and change only the words, such as Part 1, Part 2 and Part 3. Viewers then recognize the series at a glance in their feed and in search results. Change one setting at a time if you want to refresh the style later.
Q. Can I use the art in a monetized YouTube video?
Yes. The library is MIT licensed, so you can use the art in thumbnails, intros and monetized videos, including client work. A credit in the description is welcome but not required. The same goes for the intro clip and the 1920 by 1080 export.

Other ways to use it

Each one has its own builder.

Social

ASCII art headers for X, LinkedIn and GitHub

Export ASCII art at the exact sizes for an X header, a LinkedIn banner and a GitHub social preview image.

Docs

ASCII art for docs sites and landing pages

Add animated ASCII art to docs and landing pages built with Next.js, Astro, Docusaurus or plain HTML. Diagrams, terminals and heroes that load instantly.

Chat

ASCII art you can paste into Discord and Slack

Copy any ASCII piece as plain text and paste it into Discord, Slack or Teams inside a code block, so it keeps its shape.

Code

ASCII art headers for source code comments

Copy ASCII art and block-letter banners as text for file headers and section comments in your code.

OBS

Animated ASCII overlays for OBS and streams

Use animated ASCII art as a browser source in OBS or Streamlabs for starting soon screens, borders and overlays.

Slides

ASCII art for slides and presentations

Drop animated ASCII art into Keynote, PowerPoint or Google Slides as a GIF or video, for title slides and section breaks.