Bereid PNG-specifieke keuzes voor voor logo’s, screenshots, interface-assets en transparante afbeeldingen.
Statische PNG-bestanden; APNG wordt in deze release niet geaccepteerd · Bestandslimiet: 20 · 5 MB per bestand
Compressie met transparantie in gedachten
Kies een PNG-strategie die rekening houdt met transparante randen, scherpe tekst en egale kleurvlakken.
Behoud transparante en deels transparante pixels.
Optimaliseer de codering zonder de pixelwaarden bewust te wijzigen.
Gebruik minder kleuren wanneer logo’s of UI-assets dat kunnen hebben.
Geanimeerde PNG-bestanden vallen buiten deze workflow.
De kleinste PNG is niet handig als transparantie of strakke randen verloren gaan.
PNG-anatomie
Een PNG kan ondoorzichtige pixels, gedeeltelijke transparantie, tekst en vlakken met egale kleuren combineren. Die eigenschappen verdienen een aparte controle in plaats van een fotografische compressiepreset.
Test antialiased randen op lichte en donkere achtergronden, zodat platmaken of halo’s zich niet in één preview kunnen verbergen.
Paletwijzigingen kunnen vloeiende tinten en details van één pixel beïnvloeden, zelfs wanneer een thumbnail van een afstand prima lijkt.
Bekijk de geëxporteerde PNG op zowel lichte als donkere achtergronden. Controleer kleine tekst, egale kleuren, kleurverlopen en deels transparante randen.
PNG-strategie
PNG-afbeeldingen kunnen transparantie, scherpe randen en stabiele kleuren nodig hebben. Bepaal eerst of gedecodeerde pixels exact moeten blijven voordat je een kleiner kleurenpalet overweegt.
Gebruik dit wanneer contractuele kleuren, interfacepixels of transparante randwaarden zonder gedecodeerde wijzigingen moeten behouden blijven.
Vlakke illustraties kunnen minder kleuren verdragen, terwijl kleurverlopen, screenshots en illustraties met textuur zichtbare banding kunnen vertonen.
Gebruik een JPG-workflow voor een niet-transparante foto alleen wanneer transparantie niet nodig is. Houd PNG aan wanneer de afbeelding transparante pixels nodig heeft.
Controleer je resultaat
Plaats de PNG op lichte en donkere achtergronden om randjes rond haar, schaduwen of antialiased tekst zichtbaar te maken.
Controleer logo’s en interfacebeelden op veranderde merkkleuren of verloren tinten. Paletreductie kan deze gebieden anders beïnvloeden dan foto’s.
Als exacte pixels vereist zijn, vergelijk dan gedecodeerde pixelwaarden in plaats van bestandsbytes. Een kleinere PNG is op zichzelf geen bewijs van een lossless resultaat.
De PNG-workflow is ontworpen om alpha-transparantie te behouden. Controleer de daadwerkelijk verwerkte output in VisionStory voordat je een origineel asset vervangt.
