Afbeelding naar ASCII-art

Zo maak je ASCII-art van een afbeelding

1. Sleep een JPG-, PNG-, WebP- of GIF-afbeelding naar het uploadvlak, of klik erop om er een te kiezen. Ze wordt meteen omgezet met de standaardinstellingen.
2. Verschuif de regelaar Breedte (tekens): meer tekens geven meer detail, minder tekens een grovere, abstractere look.
3. Kies een Tekenset: Standaard, Gedetailleerd (70 tekens), Blokken, Eenvoudig, Stippen, Twee tekens of Eigen tekens. Bij Eigen tekens typ je je eigen tekens, van lichtst naar donkerst.
4. Vink Omkeren (lichte tekst op een donkere achtergrond) aan als de art op een donker scherm komt, zoals een terminal.
5. Vink Kleur (HTML-uitvoer) aan om elk teken de kleur van de oorspronkelijke pixels te geven.
6. Gebruik Tekst kopiëren, .txt downloaden of .html downloaden. Elke instelling werkt het voorbeeld direct bij.

Hoe de omzetting werkt

De afbeelding wordt eerst verkleind zodat elk teken voor een klein blok pixels staat. Omdat een tekenvak in een monospace-lettertype ongeveer twee keer zo hoog als breed is, gebruikt de tool ongeveer half zoveel rijen als een vierkant raster nodig zou hebben; anders zou de art verticaal uitgerekt lijken. Een afbeelding van 1000 × 500 levert bij 100 tekens breed 100 × 26 tekens op.

Voor elk blok berekent de tool de relatieve luminantie met de Rec. 709-gewichten die voor sRGB worden gebruikt:

L = 0,2126 × R + 0,7152 × G + 0,0722 × B

Groen telt het zwaarst omdat onze ogen daar het gevoeligst voor zijn. De luminantie bepaalt welk teken uit de reeks wordt gekozen: een donker deel krijgt een dicht teken zoals @ of █, een licht deel een licht teken zoals . of een spatie. Met Omkeren wordt dat omgedraaid, want op een zwarte achtergrond moeten heldere delen juist met de dichtste tekens worden getekend. Transparante pixels tellen als papier: normaal wit, zwart als je omkeert.

Een tekenset kiezen

• Standaard ( .:-=+*#%@) is de klassieke reeks van tien stappen: goed leesbaar en geschikt voor elk lettertype.
• Gedetailleerd (70 tekens) geeft de vloeiendste overgangen, het best voor portretten op grote breedte.
• Blokken ( ░▒▓█) gebruikt Unicode-arceringstekens voor een massieve, pixelachtige look.
• Eenvoudig en Stippen geven een grafische, minimalistische stijl.
• Twee tekens ( #) maakt een zuiver silhouet, goed voor logo’s.
• Eigen tekens accepteert alle tekens, ook letters met accenten en emoji: elk teken zoals je het ziet, zelfs een emoji die uit meerdere delen bestaat, blijft heel. Begin met een spatie zodat witte delen leeg blijven.

Tips voor een goed resultaat

Afbeeldingen met veel contrast, een duidelijk onderwerp en een egale achtergrond werken het best. Snijd eerst dicht rond het onderwerp bij en verhoog het contrast als de foto flets is. Gezichten hebben minstens 80 tot 120 tekens nodig om herkenbaar te zijn. Plak je de tekst ergens anders, gebruik dan een monospace-lettertype (zoals Courier, Consolas of Menlo) zonder automatische regelafbreking, anders lopen de kolommen niet gelijk. Zet het in e-mail en chatapps in een codeblok.

Het .html-bestand bevat de art in een <pre>-blok met een monospace-lettertype; met kleur aan is elke reeks tekens van dezelfde kleur een <span> met die kleur, zodat het overal zonder scripts wordt weergegeven.