CodeKitHub
Bildverktyg

Bild till ASCII-konst-omvandlare

Senast uppdaterad:

Ladda upp ett foto och få det tillbaka som ett rutnät av ASCII-tecken skuggade för att matcha originalbildens ljusstyrka — den klassiska "textkonst"-looken. Allt sker på en canvas i din webbläsare: bilden läses lokalt och laddas aldrig upp någonstans.

Vad är detta verktyg?

Det här verktyget samplar din bild i ett rutnät, mäter ljusstyrkan i varje cell, och ersätter den med ett tecken från en skala som går från "tomt utseende" (mellanslag, punkt) till "tätt utseende" (@, #, ett solitt block). Som standard mappar det ljusare områden till tätare tecken och mörkare områden till glesare — eftersom utdatan är ljus text på en mörk ruta är det som gör att ljusa delar av ditt foto faktiskt ser ljusa ut och mörka delar smälter in i bakgrunden.

Det här skiljer sig från den textbaserade ASCII-konst-generatorn på den här sajten, som gör om skrivna ord till stora blockbokstäver (en FIGlet-stilbanner). Det här verktyget går åt andra hållet — det tar en verklig foto- eller bildfil som indata, inte skriven text.

Varför använda det?

  • Gör om vilket foto som helst till delbar, oformaterad ASCII-textkonst med ett klick.
  • Justerbar utdatabredd och tre teckenuppsättningar (detaljerad gråskaleskala, enkel 7-teckensskala, eller Unicode-blockskuggning) för olika looks.
  • Inverteringsalternativ för att klistra in i sammanhang med ljus bakgrund.
  • 100 % privat — canvas-bearbetningen sker lokalt, ditt foto laddas aldrig upp.
  • Gratis, ingen registrering, ingen vattenstämpel.

Så använder du det

  1. Klicka på uppladdningsområdet eller dra in en JPG-, PNG- eller WebP-bild.
  2. Ställ in utdatabredden (i tecken) — högre tal ger mer detalj men ett bredare resultat.
  3. Välj en teckenuppsättning: Detaljerad för mjuka toningar, Enkel eller Block för en djärvare look.
  4. Slå på Invertera om du ska klistra in resultatet någonstans med ljus bakgrund.
  5. Klicka på Kopiera för att hämta resultatet i oformaterad text.

Exempel

Inmatning

Ett foto av en enda ljus vit cirkel på svart bakgrund, 100 tecken bred

Resultat

Mestadels tomma/mellanslagstecken runt kanterna, med ett tätt kluster av @- och #-tecken som formar cirkelns siluett i mitten

De exakta tecknen beror på bildens verkliga ljusstyrkevärden — det här är en beskrivning av mönstret, inte bokstavlig utdata, eftersom varje källfoto ger ett annat resultat.

Praktiska tips

  • Högkontrastfoton (ett tydligt motiv mot en enkel bakgrund) konverteras betydligt mer igenkännbart än stökiga scener med låg kontrast.
  • 100–150 tecken bred är det bästa läget för de flesta användningar — bred nog för verklig detalj, smal nog att fortfarande passa på en normal skärm.
  • Om utdatan ser inverterad ut jämfört med vad du förväntar dig (motivet ser ut som en ljus siluett istället för mörk), växla kryssrutan Invertera istället för att prova en annan bild.
  • Teckenuppsättningen "Block" läses ofta bättre än "Detaljerad" vid mycket små utdatabredder, eftersom ett fåtal skuggningsnivåer förblir mer synliga än dussintals tunna tecken.

Hur det här skiljer sig från text-till-ASCII-konst

Om du försöker göra en banner av skriven text (ett projektnamn, ett ord) snarare än konvertera ett foto, gör ASCII-konst-generatorn på den här sajten det istället — den använder FIGlet-typsnitt för att rita blockbokstäver, och bearbetar inte bilder alls.

De två verktygen används ofta tillsammans: en FIGlet-banner som titel, följt av en bild konverterad med det här verktyget som en visuell komponent under den, båda som oformaterad text som överlever att klistras in i en kodkommentar eller en oformaterad README.

ASCII-konstgenerator · Bildkomprimerare

Vanliga frågor

Varför ser min ASCII-konst hoptryckt eller utsträckt ut?

Monospace-teckenceller är ungefär dubbelt så höga som de är breda, så att konvertera pixel-för-pixel skulle trycka ihop bilden vertikalt. Det här verktyget kompenserar redan för det genom att sampla färre rader än ett 1:1-pixelrutnät skulle antyda — om det fortfarande ser fel ut där du klistrar in det kan destinationen använda ett icke-monospace-typsnitt.

Spelar valet av teckenuppsättning egentligen någon roll?

Ja. "Detaljerad" använder dussintals tecken för mjuka toningar och läses bäst på avstånd eller när du zoomar in. "Enkel" (7 tecken) och "Block" (Unicode-skuggningsblock) ger en djärvare, mer grafisk look med synliga band mellan ljusstyrkenivåer — bättre för en stiliserad effekt än en fotorealistisk.

När bör jag använda Invertera?

Som standard blir ljusa områden i ditt foto täta tecken och mörka områden blir glesa — vilket ser rätt ut i det här verktygets mörka utdataruta (ljus text på mörk bakgrund). Om du klistrar in resultatet i ett vitt dokument eller en app med ljust tema, slå på Invertera så att mörka bildområden mappas till täta tecken istället (mörkt bläck på en ljus sida), vilket håller konsten läslig.

Vad är den ideala utdatabredden?

100 tecken är ett bra standardval för visning i en webbläsare eller terminal utan horisontell rullning. Att gå mycket högre (200+) fångar mer detalj men resultatet blir bredare än de flesta skärmar, och mycket låga bredder (under 40) förlorar det mesta av den igenkännbara detaljen.

Laddas mitt foto upp någonstans?

Nej. Bilden avkodas och samplas med Canvas-API:et direkt i din webbläsare. Ingenting skickas till en server vid någon tidpunkt.

Relaterade verktyg