Softonic

Pixelgrafikverktyg

Steg 1 / 4 Ställ in
Läser in pixelredigeraren…

Rita pixelgrafik för hand på ett tomt logiskt rutnät, utan prompt, bildkonvertering eller uppladdning. Välj en duk på upp till 64×64, skissa med penna, suddgummi och avgränsad fyllning, hämta färger, spegla penseldrag, ångra ändringar och exportera en transparent sprite. Redigeraren körs i webbläsaren och sparar projektet i den aktuella fliken.

Så ritar du pixelgrafik från grunden

  1. 1

    Välj det logiska rutnätet

    Namnge projektet och ställ in bredd och höjd från 4 till 64 pixlar. Förinställningar ger snabb åtkomst till kvadratiska dukar.

  2. 2

    Rita och finslipa

    Använd penna, suddgummi, fyllning eller pipett med din arbetspalett. Aktivera vågrät eller lodrät spegling och ångra hela penseldrag.

  3. 3

    Granska din sprite

    Kontrollera logiska mått, antal färglagda pixlar och antal färger före export.

  4. 4

    Exportera en skarp fil

    Hämta transparent PNG med heltalsskalning, kompakt SVG eller validerad projekt-JSON för fortsatt redigering.

Ett pixelgrafikverktyg för medvetet rutnätsritande

Pixelgrafik utformas ruta för ruta. Redigeraren börjar med ett tomt, transparent rutnät och lagrar en färg, eller transparens, för varje logisk pixel. Den omvandlar inte ett foto till block med medelfärger; använd Bildpixeleraren för det separata arbetsflödet. Den skapar inte heller grafik från en AI-prompt.

Ett mindre rutnät tvingar fram en tydligare silhuett, medan ett större ger plats för skuggning och detaljer. Detta är praktiska utgångspunkter, inte fasta regler:

Logisk duk Bra utgångspunkt
8×8 Mycket små symboler, glyfövningar och enkla tiles
16×16 Gränssnittsikoner, inventarieobjekt och kompakta sprites
32×32 Figurer, varelser och spelföremål
64×64 Detaljerade sprites, porträtt och större fristående motiv

Behåll skarpa pixlar vid förstoring

PNG-exporten använder en heltalsskala och stänger av bildutjämning. En källpixel på en 16×16-duk blir därför en exakt kvadrat på 4×4, 8×8 eller större, inte en suddig kant. Schackmönstret och de valfria stödlinjerna är bara hjälpmedel i gränssnittet och följer aldrig med i filen. Transparenta rutor förblir transparenta.

SVG-exporten använder rektanglar med skarpa kanter och utelämnar transparenta rutor. Projekt-JSON bevarar det redigerbara logiska rutnätet och arbetspaletten. Det är verktygets eget projektformat, inte en ersättning för lagerbaserade format i datorprogram för pixelgrafik.

Ritverktyg och spegling

  • Penna färglägger rutor och förbinder snabba pekarpositioner så att linjen inte får glapp.
  • Suddgummi gör rutorna transparenta igen.
  • Fyllning ändrar ett område som sitter ihop i fyra riktningar; områden som bara nuddar varandra diagonalt förblir åtskilda.
  • Pipett väljer färgen i en befintlig ruta. Om du hämtar transparens aktiveras suddgummit.
  • Spegelritning speglar åtgärden från vänster till höger, uppifrån och ned eller åt båda hållen. Mittrader och mittkolumner tillämpas bara en gång.

Mus, penna, touch och tangentbord använder samma logiska rutnät. Fokusera duken, flytta den aktiva rutan med piltangenterna och tryck på Mellanslag eller Enter för att använda verktyget. P, E, F och I väljer verktyg; Delete suddar; Ctrl/Cmd+Z ångrar.

Webbläsarbeteende och tekniska källor

Redigeraren använder webbläsarens Canvas API, Pointer Events och styrning av bildutjämning. PNG skapas via Canvas API för blob-export. Tangentbords- och pekarinteraktionerna har utformats med riktlinjerna för hanterbarhet i WCAG 2.2 i åtanke.

Grafik, namn och paletter stannar i projektets lokala webbläsarstatus och läggs inte till i webbadresser eller våra servrar. Vanliga sidförfrågningar sker fortfarande när ett steg i tratten ändras. Om fliklagringen inte är tillgänglig kan den fullständiga ensidesredigeraren fortsätta fungera i minnet, men tratten går inte vidare eftersom projektet annars kan gå förlorat utan förvarning.

Vanliga frågor

Nej. Det är ett manuellt verktyg med ett tomt rutnät. Du väljer varje färg och ritar varje ruta med penna, suddgummi, fyllning, pipett och valfri spegling. Verktyget tar inte emot prompter och anropar ingen generativ tjänst.

Det här verktyget skapar ett nytt motiv från ett tomt rutnät. En bildpixelerare börjar med ett uppladdat foto eller en illustration och reducerar bilden till större block med medelfärger. Arbetsflödena har olika syften.

Prova 16×16 för en liten ikon eller 32×32 för en figur eller föremålssprite. Börja mindre när du tränar silhuetter och använd 64×64 först när motivet behöver fler detaljer. Bredd och höjd kan ställas in separat från 4 till 64 pixlar.

Ja. Tomma och raderade rutor har alfa noll i PNG-filen. Schackmönstret i redigeraren visar bara transparens och exporteras inte.

Exporten förstorar varje logisk pixel med en exakt heltalsskala och utan bildutjämning. Inga mellanfärger skapas mellan intilliggande rutor.

Nej. Version 1 redigerar en enda stillbild. Exportera enskilda bildrutor här och använd sedan det separata verktyget Sprite Sheet Generator för att packa dem i en atlas.

Duken stöder mus, penna och ett finger. Den kan också användas med tangentbord: pilarna flyttar den aktiva rutan, Mellanslag eller Enter använder verktyget och bokstavsgenvägar väljer verktyg.

Redigeraren laddar inte upp grafik, projektnamn, palett eller exportfil. Projektstatusen sparas i webbläsarfliken. Vanliga dokumentförfrågningar sker fortfarande när sidan öppnas eller du byter steg i tratten.

Relaterade verktyg

Linjerat papper-generator

Skapa utskrivbart linjerat papper gratis. Välj college-, bred eller smal linjering, ange radavstånd i mm, pappersstorlek och en marginallinje, och skriv sedan ut eller ladda ner SVG:n.

Skapa LEGO-mosaik av ett foto

Gör en mosaikplan av ett foto med 16 × 16, 32 × 32, 48 × 48 eller 64 × 64 rutor. Förhandsvisa ungefärliga färger, räkna 1×1-plattor och ladda ner en numrerad byggguide.

Skapa notpapper

Skapa notpapper att skriva ut: tomma notsystem, G-klav eller F-klav, pianosystem eller gitarrtabulatur. Välj antal, linjeavstånd, A4 eller Letter och marginaler och ladda ned PDF eller SVG.

Streckkodsläsare

Välj en bild med en streckkod och läs dess kodade värde och typ. Stöder EAN-13, UPC-A och Code 128 samt kontrollsiffra för EAN och UPC.

Triadisk färggenerator

Välj en basfärg och få dess två triadiska partner, roterade exakt 120° och 240° på färghjulet, som HEX-koder du kopierar med ett klick.

Skapa presentkort

Skapa ett presentkort med företagsnamn, mottagare, belopp, hälsning och giltighetsdatum. Välj en mall och skriv ut eller ladda ner som PNG.

Verktyget finns på andra språk