Om pixelart scherp te houden, exporteer je een PNG met de oorspronkelijke pixelafmetingen of vergroot je de afbeelding met een geheel getal als vermenigvuldigingsfactor en gebruik je Nearest Neighbor-resampling. Controleer het exportvoorbeeld voordat je opslaat; schalen kan randen die in de illustratie al zijn verzacht niet herstellen.

Deze werkwijze is bedoeld voor één statische pixelillustratie in de huidige Affinity-desktopapp op Mac. De menupaden volgen het huidige Affinity Help Center. Het doel is om de bewust gekozen vierkante pixels te behouden bij het maken van een zelfstandig afbeeldingsbestand.

Een scherpe PNG exporteren met de huidige desktopbedieningselementen

Begin met een voltooide afbeelding waarvan de afzonderlijke pixels er al goed uitzien. Sla je bewerkbare Affinity-document op voordat je exporteert, zodat je de bron behoudt voor toekomstige wijzigingen.

  1. Kies Bestand > Exporteren > Exporteren.
  2. Selecteer links een PNG-voorinstelling.
  3. Stel Gebied in op de inhoud die je wilt. Kies voor een eenvoudige afbeelding van één pagina Hele document; kies voor één tekengebied de naam ervan.
  4. Stel Grootte in op de oorspronkelijke pixelafmetingen of de berekende vergroting, en laat Hoogte-breedteverhouding vergrendelen ingeschakeld.
  5. Stel Resamplen in op Nearest Neighbor.
  6. Bekijk het voorbeeld en kies daarna Locatie vragen. Klik op Exporteren, geef het bestand een naam en klik op Bewaar. Je kunt Toon in Finder inschakelen om het resultaat meteen te vinden. Deze bedieningselementen en de stappen voor het opslaan worden beschreven in Affinity’s dialoogvenster Exporteren en Exportinstellingen.

Affinity raadt Nearest Neighbor aan voor afbeeldingen met harde randen. De gekozen resamplingmethode wordt toegepast wanneer de export de afmetingen van de afbeelding vergroot of verkleint. Bij behoud van de oorspronkelijke afmetingen verandert de exportgrootte niet; bij vergroting moet je kiezen hoe nieuwe pixels worden gegenereerd. Affinity-exportinstellingen

Kies het exportgebied voordat je de afmetingen beoordeelt. Selectiegebied omvat overlappende, niet-geselecteerde lagen; Alleen selectie sluit deze uit. Een verkeerd gebied kan veranderen wat er rond je illustratie verschijnt, zelfs als de resamplingmethode juist is. Affinity-dialoogvenster Exporteren

Kies een vergroting waarbij de pixelblokken even groot blijven

Gebruik voor beide afmetingen dezelfde positieve gehele vermenigvuldigingsfactor als je overal gelijkmatige vierkante blokken wilt. Dit advies volgt uit de geometrie van het vergroten van een pixelraster: bij 4× krijgt elke bronpixel een blok van 4 bij 4 uitvoerpixels. Met een gebroken vermenigvuldigingsfactor kan niet aan elke bronpixel een even breed blok van een geheel aantal pixels worden toegewezen.

Neem als voorbeeld een tegel van 32 bij 24 pixels. Bereken de uitvoer als breedte × vermenigvuldigingsfactor en hoogte × vermenigvuldigingsfactor:

Beoogd resultaat Exportafmetingen Betekenis van de berekening
Oorspronkelijke grootte 32 × 24 px Geen vergroting
2× vergroting 64 × 48 px Elke bronpixel wordt een blok van 2 × 2
3× vergroting 96 × 72 px Elke bronpixel wordt een blok van 3 × 3
4× vergroting 128 × 96 px Elke bronpixel wordt een blok van 4 × 4
Gebroken vergroting van 2,5× 80 × 60 px Gelijke blokken van een geheel aantal pixels zijn onmogelijk

Dit zijn rekenvoorbeelden, geen gemeten exportresultaten. Kies voor dit voorbeeld 128 bij 96 pixels met Nearest Neighbor als je een grotere versie met regelmatige blokken wilt. Een export van 80 bij 60 pixels kan scherpe randen behouden, maar sommige bronkolommen of -rijen moeten uit verschillende aantallen uitvoerpixels bestaan.

Bij het verkleinen geldt een andere beperking: met minder uitvoerpixels kunnen niet alle afzonderlijk gekleurde bronpixels behouden blijven. Als een kleine versie detail van één pixel verliest, ga dan terug naar het origineel en vereenvoudig dat detail voor het kleinere raster. Herhaaldelijk de verkleinde kopie aanpassen kan informatie die niet meer aanwezig is niet terughalen.

Alleen de DPI wijzigen vergroot de afbeelding op het scherm niet

Affinity maakt onderscheid tussen schalen voor afdrukken en resamplen. Als je de DPI wijzigt terwijl Resamplen is uitgeschakeld, verandert de metadata voor de afdrukresolutie, maar blijven de pixelafmetingen gelijk. Daarmee maak je dus geen groter schermbestand van een afbeelding van 32 bij 24 pixels. Affinity: Afbeeldingsgrootte wijzigen

Als je het werkdocument daadwerkelijk wilt vergroten voordat je verder tekent, gebruik je Document > Instellen > Formaat wijzigen > Document. Schakel Resamplen in, kies pixeleenheden, voer de nieuwe afmetingen in met gekoppelde verhoudingen, selecteer Nearest Neighbor en klik op Formaat wijzigen. Affinity noemt deze methode uitdrukkelijk geschikt voor afbeeldingen met harde randen en pixelwerk. Voor alleen een groter aan te leveren bestand volstaat het aanpassen van de exportafmetingen. Affinity: Afbeeldingsgrootte wijzigen

Kies een bestandsformaat zonder de beoogde kleuren te veranderen

PNG is een praktische standaardkeuze voor deze taak, omdat het formaat verliesloze rasteropslag en optionele transparantie ondersteunt. Verliesloze compressie behoudt de afbeeldingsgegevens die worden gecodeerd; eerdere wijzigingen in resampling of kleur worden er niet door teruggedraaid. W3C PNG-specificatie, derde editie

Controleer deze gedocumenteerde beperkingen voordat je van formaat wisselt of het bestand kleiner maakt:

Formaat of optie Relevante beperking
PNG Palettoewijzing is optioneel. Schakel Palet uit als je de afbeelding niet tot een palet wilt beperken.
GIF Palettoewijzing kan niet worden uitgeschakeld.
PDF, SVG, EPS Rasteren: niets laat niet-ondersteunde elementen weg; ze blijven daardoor niet automatisch behouden.
TIFF met opgeslagen Affinity-lagen Die lagen zijn alleen leesbaar in Affinity.

Deze beperkingen staan vermeld in Affinity-exportinstellingen. Begin voor één voltooide pixelafbeelding met PNG en laat paletbeperking achterwege bij de eerste export.

Een vectorformaat is handig als je een andere aanleververeiste hebt, maar met SVG selecteren leg je op zichzelf geen vast pixelraster vast voor je voltooide afbeelding. Voor deze taak maakt een PNG met expliciete afmetingen het beoogde uitvoerraster duidelijk. Bewaar het bewerkbare Affinity-document apart en gebruik de geëxporteerde afbeelding niet als werkbestand.

Lees ook eventuele waarschuwingen over de exportgrootte. Affinity vermeldt dat een afbeelding die de maximale afmetingen van het gekozen formaat overschrijdt, wordt verkleind zodat deze past. Die automatische wijziging kan je zorgvuldig berekende vermenigvuldigingsfactor tenietdoen; pas de gewenste grootte bewust aan voordat je verdergaat. Affinity-exportinstellingen

Begrijp wat de documentgrootte wijzigen voor pixelart precies doet

Affinity heeft ook een opdracht met de naam Pixel Art Document, maar het gedocumenteerde doel ervan verschilt van eenvoudig vergroten met blokken. Kies Document > Instellen > Formaat wijzigen > Pixel Art Document om HQX of XBR te gebruiken, met vergrotingsfactoren van 2×, 3× of 4×. Affinity: Pixelart vergroten

Affinity beschrijft XBR als een methode die gladdere resultaten oplevert, en HQX als scherper, met meer kartelvorming langs fijne randen. In het voorbeeld worden de vergrote randen met XBR verfijnd. Deze filters zijn geschikt als je die herinterpretatie van de omtrek wilt. Gebruik voor behoud van het oorspronkelijke trapvormige patroon als vierkante blokken de hierboven beschreven exportmethode met Nearest Neighbor. Die keuze volgt uit de gedocumenteerde doelen van de filters. Affinity: Pixelart vergroten

Onderzoek de oorzaak van onscherpte voordat je meer exportinstellingen wijzigt

Doorloop de volgende stappen om te vinden waar de ongewenste verandering in de afbeelding ontstaat. Vergelijk telkens één instelling, zodat het resultaat bruikbare informatie oplevert.

Bekijk de export op een bekende vergroting

Druk in het exportvoorbeeld op Mac op Command–1 voor 100%, Command–2 voor 200%, Command–3 voor 400% of Command–4 voor 800%. Gebruik de grotere weergaven om afzonderlijke randpixels te inspecteren en ga daarna terug naar 100% om de geëxporteerde afbeelding op de oorspronkelijke grootte te beoordelen. Affinity documenteert deze sneltoetsen specifiek voor het exportvoorbeeld. Affinity-dialoogvenster Exporteren

Vergelijk als diagnostische test een PNG op de oorspronkelijke grootte met een PNG die met een geheel getal is vergroot. Als de versie op de oorspronkelijke grootte al ongewenste tussenliggende randkleuren bevat, onderzoek dan de illustratie zelf. Als de ongewenste verandering alleen bij de vergroting optreedt, controleer dan de afmetingen en de resamplingmethode opnieuw.

Controleer de uitlijning als de illustratie vectorvormen bevat

Voor pixelafbeeldingen die met vectoren zijn opgebouwd, lijnt Pixeluitlijning afdwingen in Affinity objecten, knooppunten, handgrepen en pixelselectiegebieden uit op hele pixels wanneer ze worden gemaakt, verplaatst of gewijzigd. De aparte helppagina geeft het bureaubladpad als Weergave > Magnetisch uitlijnen en vervolgens Pixeluitlijning afdwingen. De pagina waarschuwt ook dat uitlijnen op een object of hulplijn die niet op een pixel ligt, een resultaat buiten het pixelraster kan opleveren. Affinity: Pixeluitlijning afdwingen

Ga er niet van uit dat Verplaatsen in hele pixels een bestaande positie op een fractie van een pixel corrigeert. Affinity legt uit dat deze optie de gedeeltelijke pixels waarop een object staat behoudt, maar de verplaatsing beperkt tot afstanden van hele pixels. Als je bijvoorbeeld vanaf X = 5,5 10 pixels verplaatst, kom je uit op X = 15,5. Schakel deze optie bij het corrigeren van de uitlijning uit, laat Pixeluitlijning afdwingen ingeschakeld en controleer of er concurrerende uitlijningsdoelen zijn. Affinity: Pixeluitlijning afdwingen

Uitlijning helpt bij het instellen van het beoogde raster; zachte kleuren die al op een rasterlaag zijn geschilderd, worden er niet door verwijderd. Corrigeer die in de bron voordat je de definitieve export maakt.

Sla de gecontroleerde instellingen op voor de volgende export

Sla de instellingen op als voorinstelling nadat je een geslaagde export hebt gecontroleerd. Pas in het dialoogvenster Exporteren je beginvoorinstelling aan, klik op Voorkeuren, kies Voorinstelling maken, voer een duidelijke naam in en klik op OK. De voorinstelling is vervolgens beschikbaar in het dialoogvenster Exporteren, Quick Export en Slice Studio. Affinity-dialoogvenster Exporteren

Open Quick Export voor latere exports met de pijl omlaag rechtsboven, kies je opties en klik op Exporteren. De voorinstellingen kunnen formaten, afmetingen en resamplingmethoden bevatten. Controleer dus of de geselecteerde voorinstelling past bij de afmetingen die voor elke afbeelding nodig zijn. Affinity: Quick Export

Rond af met een opgeslagen PNG waarvan de afmetingen overeenkomen met je berekening en waarvan het voorbeeld het beoogde pixelpatroon behoudt. Bewaar het oorspronkelijke Affinity-document erbij, zodat je voor de volgende grootte met hetzelfde zorgvuldig gemaakte bronraster kunt beginnen.

Bronnen