Pixel Art Maker: pixelart online tekenen
Kies een raster, tik op een kleur en teken pixel voor pixel – met muis, vinger of stylus. Klaar? Sla op als PNG met transparante achtergrond, 1 tot 32 keer vergroot. Alles gebeurt in je browser, er wordt niets geüpload.
Zo wordt het berekend
Pixelart is grafiek waarbij elke pixel bewust wordt geplaatst – bekend van games uit het 8- en 16-bit-tijdperk, maar ook nu nog populair voor icoontjes, emoji’s, sprites, avatars en borduurpatronen. Deze Pixel Art Maker is een lichte editor direct in de browser: geen account, geen installatie, geen upload.
Zo werkt het
- Kies een rastergrootte: 8 × 8 voor mini-icoontjes, 16 × 16 of 32 × 32 voor klassieke sprites, tot 64 × 64 voor meer detail. Bij het wisselen blijft de inhoud linksboven behouden.
- Tik op een kleur uit het palet of kies er zelf een via het kleurveld.
- Tekenen: het potlood zet pixels, de gum maakt ze weer transparant, de vulemmer kleurt een aaneengesloten vlak van dezelfde kleur, de pipet neemt een kleur uit de afbeelding over, de lijn trekt een rechte pixellijn van start- naar eindpunt.
- Zet spiegelen aan om symmetrisch te tekenen – ideaal voor figuren, gezichten en icoontjes. De rode lijn toont de spiegelas.
- Download als PNG: kies een vergroting (1× tot 32×) en sla op. Niet ingekleurde pixels zijn transparant.
Waarom vergroot exporteren?
Een afbeelding van 16 × 16 is piepklein op ware grootte. Vergroot je die later in een beeldbewerkingsprogramma, dan wordt hij vaak wazig. De export hier vergroot elke pixel tot een exact blok (bijv. 16 × 16 bij 16×) – de randen blijven hard en scherp. Voor game-engines die zelf schalen, neem je 1×; voor social media, presentaties of print eerder 16× of 32×.
Techniek en eerlijke grenzen
- Eén afbeelding met één laag – geen lagen, geen animatie (GIF/sprite sheet) en geen import van bestaande afbeeldingen.
- De vulemmer vult alleen horizontaal en verticaal verbonden pixels (diagonale gaten houden hem tegen); de lijn gebruikt het klassieke Bresenham-algoritme.
- Ongedaan maken gaat tot 100 stappen terug, zolang de pagina open blijft.
- De grootste uitvoer is 64 × 32 = 2048 pixels per zijde.
Privacy
De tekening ontstaat en blijft in je browser – er is geen server waarnaar hij wordt gestuurd. Om niets kwijt te raken, onthoudt de editor je ontwerp in de lokale opslag van deze browser (localStorage, sleutel pixelart:v1). “Alles wissen” verwijdert het; anders wis je de sitegegevens in je browser.
Verder werken: van je pixelmotief maakt de favicon-generator een site-icoon, Afbeelding formaat wijzigen past de PNG aan gewenste maten aan, en de kleurenpaletgenerator levert passende kleuren. Vectorafbeeldingen zet je om met SVG naar PNG.
Veelgestelde vragen
Hoe maak ik pixelart online?
Kies een rastergrootte (bijv. 16 × 16), tik op een kleur en zet pixels met het potlood. De vulemmer vult vlakken, het lijngereedschap trekt rechte randen. Klik ten slotte op “Downloaden als PNG”.
Is de Pixel Art Maker gratis?
Ja, zonder account, zonder watermerk en zonder limiet op downloads. De uiteindelijke afbeelding is van jou.
Welke grootte is goed voor pixelart?
16 × 16 en 32 × 32 zijn de klassiekers voor spelfiguren en icoontjes. 8 × 8 dwingt tot heel eenvoudige vormen, 64 × 64 biedt meer detail maar kost veel meer tijd. Voor een begin is 16 × 16 ideaal.
Hoe sla ik pixelart op met een transparante achtergrond?
Alle niet ingekleurde pixels zijn transparant (schaakbordpatroon). De PNG-export neemt die transparantie automatisch over. Uitgegumde pixels worden ook weer transparant.
Hoe vergroot ik pixelart zonder dat het wazig wordt?
Kies vóór het downloaden een vergroting (tot 32×). Elke pixel wordt dan een exact kleurblok, zonder vervaging. Schaal je later in andere programma’s, gebruik dan alleen “dichtstbijzijnde buur” of “pixelherhaling”.
Raak ik mijn tekening kwijt als ik de pagina sluit?
Nee. Het ontwerp wordt automatisch onthouden in de lokale opslag van deze browser en bij je volgende bezoek hersteld, op hetzelfde apparaat en in dezelfde browser. In de privémodus kan de browser dit tegenhouden.
Werkt de editor op telefoon en tablet?
Ja. Je tekent met je vinger of een stylus; het tekengebied scrollt daarbij niet mee. Voor fijn werk op 48 × 48 of 64 × 64 is een groter scherm prettiger.
Kan ik animaties of sprite sheets maken?
Nee, de editor maakt één afbeelding. Je kunt meerdere fases van een animatie na elkaar tekenen, apart exporteren en in een animatieprogramma samenvoegen.
Bronnen en wettelijke basis
- W3C – Pointer Events Level 3 (Maus, Touch und Stift)
- W3C – Portable Network Graphics (PNG) Specification (Alphakanal/Transparenz)
- MDN – CanvasRenderingContext2D: putImageData()
- MDN – CSS image-rendering: pixelated
- J. E. Bresenham (1965): Algorithm for computer control of a digital plotter, IBM Systems Journal 4(1)
Bijgewerkt op:
Vergelijkbare tools
- Favicon maken: van afbeelding, tekst of emojiFavicon maken van een afbeelding, letters of een emoji: favicon.ico (16/32/48), apple-touch-icon, PNG 192/512, site.webmanifest en HTML-code. Zonder upload.
- SVG naar PNG converterenZet SVG om naar PNG in je browser: formaat in pixels of met een schaalfactor, transparante of gekleurde achtergrond, tot 20 bestanden als ZIP. Gratis.
- Kleurenpalet generatorMaak bijpassende kleuren vanuit één basiskleur: complementair, analoog, triadisch, vierkant, gesplitst complementair of monochroom – met HEX, RGB en HSL.
- Afbeeldingen van formaat wijzigenWijzig formaat van afbeeldingen in pixels of procent, behoud de verhouding of snijd bij, met sjablonen voor Instagram en YouTube. Geen upload nodig.
- Afbeelding online bijsnijdenSnijd een afbeelding online bij zonder upload: vrije selectie, vierkant 1:1, 4:3, 16:9 of 9:16, plus voorinstellingen voor Instagram en YouTube.
- Afbeelding comprimeren: bestandsgrootte verkleinenAfbeelding comprimeren zonder upload: verklein JPG, PNG, WebP en HEIC, tot 20 tegelijk, met optionele doelgrootte in KB en ZIP-download. Gratis.