Pixelartgenerator

Instellen
Pixel-editor laden…

Teken pixelart met de hand op een leeg logisch raster, zonder prompt, fotoconversie of upload. Kies een canvas tot 64×64, teken met potlood, gum en begrensd vullen, neem kleuren over, spiegel streken, maak bewerkingen ongedaan en exporteer een transparante sprite. De editor werkt in je browser en bewaart het project in het huidige tabblad.

Zo teken je pixelart vanaf een leeg raster

  1. 1

    Kies het logische raster

    Geef het project een naam en stel de breedte en hoogte in op 4 tot 64 pixels. Met voorinstellingen maak je snel een vierkant canvas.

  2. 2

    Teken en verfijn

    Gebruik potlood, gum, vullen of pipet met je werkpalet. Spiegel je tekening horizontaal of verticaal en maak volledige streken ongedaan.

  3. 3

    Controleer de sprite

    Bekijk vóór het exporteren de logische afmetingen, het aantal gekleurde pixels en het aantal gebruikte kleuren.

  4. 4

    Exporteer een scherp bestand

    Download een transparante PNG op een gehele schaal, een compacte SVG of gevalideerde project-JSON om later verder te werken.

Een pixelarteditor om bewust op een raster te tekenen

Pixelart wordt cel voor cel ontworpen. Deze editor begint met een leeg transparant raster en bewaart voor elke logische pixel één kleur, of transparantie. Hij zet geen foto om in blokken met gemiddelde kleuren; gebruik voor die afzonderlijke werkwijze de Afbeeldingspixelator. Ook genereert hij geen afbeelding op basis van een AI-prompt.

Een kleiner raster dwingt tot een duidelijker silhouet, terwijl een groter raster ruimte biedt voor schaduwen en accessoires. Dit zijn praktische beginpunten, geen regels van een platform:

Logisch canvas Geschikt beginpunt
8×8 Zeer kleine symbolen, oefeningen met glyphs en eenvoudige tegels
16×16 Interfacepictogrammen, inventarisvoorwerpen en compacte sprites
32×32 Personages, wezens en spelvoorwerpen
64×64 Gedetailleerde sprites, portretten en grotere zelfstandige illustraties

Houd vergrote pixels scherp

De PNG-export gebruikt een gehele schaalfactor en schakelt beeldverzachting uit. Eén bronpixel van een afbeelding van 16×16 wordt daardoor exact een vierkant van 4×4, 8×8 of groter, zonder wazige rand. Het schaakbordpatroon en het optionele raster zijn alleen hulplijnen in de editor en komen nooit in het bestand terecht. Transparante cellen blijven transparant.

De SVG-export gebruikt rechthoeken met scherpe randen en laat transparante cellen weg. De project-JSON bewaart het bewerkbare logische raster en het werkpalet. Dit is een Hyperion-projectindeling, geen vervanging voor de gelaagde bestandsindelingen van pixelartprogramma’s voor de desktop.

Tekengereedschap en spiegelen

  • Potlood kleurt cellen en verbindt snelle aanwijzerposities, zodat er geen gaten in een streek ontstaan.
  • Gum maakt cellen weer transparant.
  • Vullen wijzigt een gebied dat aan vier zijden verbonden is; gebieden die elkaar alleen diagonaal raken, blijven gescheiden.
  • Pipet selecteert de kleur van een bestaande cel. Als je transparantie opneemt, wordt de gum geactiveerd.
  • Spiegeltekenen spiegelt de handeling van links naar rechts, van boven naar beneden of in beide richtingen. Middelste rijen en kolommen worden maar één keer toegepast.

Muis, pen, aanraking en toetsenbord gebruiken hetzelfde logische raster. Zet de focus op het canvas, verplaats de actieve cel met de pijltoetsen en druk op Spatie of Enter om het gekozen gereedschap toe te passen. P, E, F en I kiezen gereedschap; Delete wist; Ctrl/Cmd+Z maakt ongedaan.

Werking in de browser en technische bronnen

De editor gebruikt de Canvas-API, Pointer Events en de Canvas-instelling voor beeldverzachting. Het PNG-bestand wordt gemaakt met de Canvas-API voor blobexport. De bediening met toetsenbord en aanwijzer is ontworpen rond de bedienbaarheidsrichtlijnen van WCAG 2.2.

De illustratie, naam en het palet blijven in de lokale projectstatus van de browser en worden niet aan URL’s of server-payloads toegevoegd. Bij een wisseling van stap in de wizard vinden wel gewone paginaverzoeken plaats. Als de opslag van het tabblad niet beschikbaar is, blijft de volledige editor op één pagina in het geheugen werken. De wizard gaat dan niet verder, zodat het project niet ongemerkt verloren gaat.

Veelgestelde vragen

Nee. Dit is een handmatige pixelarteditor met een leeg raster. Je kiest elke kleur en tekent elke cel zelf met potlood, gum, vullen, pipet en eventueel spiegeltekenen. De editor accepteert geen prompts en roept geen generatieve dienst aan.

Deze tool maakt een nieuwe illustratie vanaf een leeg raster. Een afbeeldingspixelator begint met een geüploade foto of illustratie en zet die om in grotere blokken met gemiddelde kleuren. De twee werkwijzen hebben een ander doel.

Probeer 16×16 voor een klein pictogram of 32×32 voor een personage of voorwerp. Begin kleiner als je silhouetten wilt oefenen en gebruik 64×64 alleen als het ontwerp meer details nodig heeft. Breedte en hoogte zijn los instelbaar van 4 tot 64 pixels.

Ja. Lege en gewiste cellen hebben alfa nul in de PNG. Het schaakbordpatroon in de editor geeft alleen transparantie aan en wordt niet geëxporteerd.

Bij het exporteren wordt elke logische pixel met een exacte gehele factor vergroot en is beeldverzachting uitgeschakeld. Er worden geen tussenkleuren berekend tussen aangrenzende cellen.

Nee. Versie 1 bewerkt één stilstaand beeld. Exporteer hier afzonderlijke tekeningen en gebruik daarna de Spritesheetgenerator om voltooide frames in een atlas te plaatsen.

Het canvas ondersteunt muis, pen en invoer met één vinger. Het is ook met het toetsenbord te bedienen: pijltoetsen verplaatsen de actieve cel, Spatie of Enter past het gereedschap toe en lettertoetsen kiezen gereedschap.

De editor uploadt de illustratie, projectnaam, het palet en exportbestanden niet. De projectstatus blijft in je browsertabblad. Bij het openen van de pagina en wisselen tussen wizardstappen vinden wel gewone webverzoeken plaats.

Gerelateerde tools

Tool beschikbaar in andere talen