Tömöríts PNG képeket az átlátszóság kilapítása nélkül

Készíts elő PNG-specifikus beállításokat logókhoz, képernyőképekhez, felületi elemekhez és átlátszó grafikákhoz.

Válassz PNG képeket

Statikus PNG fájlok; az APNG ebben a kiadásban nem elfogadott · Fájllimit: 20 · 5 MB fájlonként

Átlátszóságtudatos tömörítés

Tedd kisebbé a PNG fájlokat a dizájn kilapítása nélkül

Válassz olyan PNG stratégiát, amely tiszteletben tartja az átlátszó éleket, az éles szöveget és az egyszínű grafikákat.

PNG tömörítése
Alfa

Átlátszóság megőrzése

Őrizd meg az átlátszó és részben átlátszó pixeleket.

Veszteségmentes

A dekódolt színek védelme

Optimalizáld a kódolást anélkül, hogy szándékosan megváltoztatnád a pixelek értékeit.

Paletta

A színválaszték csökkentése

Használj kevesebb színt, ha a logók vagy a UI-elemek elbírják.

Statikus

Az animáció elvesztésének elkerülése

Az animált PNG-fájlok nem részei ennek a munkafolyamatnak.

A legkisebb PNG sem ér semmit, ha közben elveszik az átlátszóság vagy az éles kontúr.

A PNG felépítése

Védd meg az alfát, a széleket és a színszerkezetet

Egy PNG-ben keveredhetnek nem átlátszó pixelek, részleges átlátszóság, szöveg és egyszínű területek. Ezeket érdemes külön ellenőrizni, nem pedig egy fotós tömörítési presetre bízni.

Alfa

Tartsd szándékosnak az átlátszó pixeleket

Teszteld az élsimított széleket világos és sötét háttéren is, hogy a laposítás vagy a fényudvarok ne tudjanak elbújni egyetlen előnézetben.

Szín

Ellenőrizd az átmeneteket és az apró szöveget

A palettamódosítások hatással lehetnek a sima tónusokra és az 1 pixeles részletekre is, még akkor is, ha távolról a bélyegkép elfogadhatónak tűnik.

Ellenőrzés

Hasonlítsd össze a forrás- és az exportált fájlt

Nézd meg az exportált PNG-t világos és sötét háttéren is. Ellenőrizd az apró szöveget, az egyszínű területeket, az átmeneteket és a részben átlátszó széleket.

PNG-stratégia

Válassz: pontos pixelek vagy átnézett palettamódosítás

A PNG-grafikák gyakran igényelnek átlátszóságot, éles széleket és stabil színeket. Mielőtt csökkentett színpalettán gondolkodnál, döntsd el, hogy a dekódolt pixeleknek pontosan változatlannak kell-e maradniuk.

Pontosság

Válaszd az ellenőrzött, veszteségmentes megoldást

Akkor használd, ha a szerződésben rögzített színeknek, a felület pixeleinek vagy az átlátszó szélek értékeinek dekódolás után is változatlanul meg kell maradniuk.

Paletta

Csak ellenőrzés után csökkents színeket

Az egyszínű/flat grafikák elbírhatnak kevesebb színt, viszont az átmenetek, képernyőképek és textúrázott illusztrációk látható sávosodást mutathatnak.

Következő feladat

Szükség esetén válassz kapcsolódó eszközt

Csak akkor válassz JPG-munkafolyamatot egy nem átlátszó fotóhoz, ha nincs szükség átlátszóságra. Maradj a PNG-nél, ha a képnek átlátszó pixelekre van szüksége.

Ellenőrizd az eredményt

Ellenőrizd az átlátszó széleket és az apró részleteket

Nézd meg az exportált PNG-t világos és sötét háttéren is. Ellenőrizd az apró szöveget, az egyszínű területeket, az átmeneteket és a részben átlátszó széleket.
Lágy szélek

Lágy szélek ellenőrzése

Helyezd a PNG-t világos és sötét háttérre, hogy láthatóvá váljanak a haj, az árnyékok vagy az élsimított szöveg körüli peremek.

Egyszínű területek

Egyszínű területek ellenőrzése

Ellenőrizd a logókat és a felületgrafikákat: nem változtak-e a márkaszínek, illetve nem tűntek-e el árnyalatok. A palettacsökkentés ezekre a területekre másként hathat, mint a fotókra.

Pontos pixelek

Pontos pixelek ellenőrzése

Ha pontos pixelekre van szükség, a dekódolt pixelértékeket hasonlítsd össze, ne a fájl bájtjait. Egy kisebb PNG önmagában még nem bizonyítja a veszteségmentes eredményt.

Gyakran ismételt kérdések

  • A PNG-munkafolyamatot az alfa átlátszóság megőrzésére terveztük. Mielőtt lecserélnél egy eredeti fájlt, ellenőrizd a VisionStoryban a ténylegesen feldolgozott kimenetet.