Przygotuj ustawienia specyficzne dla PNG dla logo, zrzutów ekranu, zasobów interfejsu i grafik z przezroczystością.
Statyczne pliki PNG; APNG nie jest obsługiwany w tej wersji · Limit plików: 20 · 5 MB na plik
Kompresja uwzględniająca przezroczystość
Wybierz strategię PNG, która respektuje przezroczyste krawędzie, wyraźny tekst i grafiki w jednolitych kolorach.
Zachowaj przezroczyste i częściowo przezroczyste piksele.
Zoptymalizuj kodowanie bez celowej zmiany wartości pikseli.
Użyj mniejszej liczby kolorów, gdy logotypy lub elementy UI mogą na to pozwolić.
Animowane pliki PNG pozostają poza tym procesem.
Najmniejszy plik PNG nie ma sensu, jeśli zniknie przezroczystość lub ostre krawędzie.
Anatomia PNG
Plik PNG może łączyć nieprzezroczyste piksele, częściową przezroczystość, tekst i obszary w jednolitym kolorze. Te właściwości warto sprawdzać osobno, zamiast używać fotograficznego presetu kompresji.
Testuj wygładzone krawędzie na jasnym i ciemnym tle, aby spłaszczenie lub poświata nie ukryły się w jednym podglądzie.
Zmiany palety mogą wpływać na gładkie tony i detale o grubości 1 piksela, nawet gdy miniatura z daleka wygląda w porządku.
Wyświetl wyeksportowany PNG na jasnym i ciemnym tle. Sprawdź drobny tekst, jednolite kolory, gradienty oraz częściowo przezroczyste krawędzie.
Strategia PNG
Grafiki PNG mogą wymagać przezroczystości, ostrych krawędzi i stabilnych kolorów. Zanim rozważysz redukcję palety barw, zdecyduj, czy zdekodowane piksele muszą pozostać dokładnie takie same.
Używaj jej, gdy kolory wymagane umową, piksele interfejsu lub wartości na przezroczystych krawędziach muszą przetrwać bez zmian po dekodowaniu.
Płaskie grafiki mogą tolerować mniej kolorów, ale gradienty, zrzuty ekranu i ilustracje z teksturą mogą pokazać widoczne pasmowanie.
Stosuj workflow JPG dla nieprzezroczystej fotografii tylko wtedy, gdy przezroczystość nie jest potrzebna. Zostań przy PNG, gdy obraz wymaga przezroczystych pikseli.
Sprawdź rezultat
Umieść PNG na jasnym i ciemnym tle, aby uwidocznić obwódki wokół włosów, cieni lub wygładzonego tekstu.
Sprawdź logotypy i elementy interfejsu pod kątem zmian kolorów marki lub utraty odcieni. Redukcja palety może wpływać na te obszary inaczej niż na fotografie.
Jeśli wymagane są dokładne piksele, porównuj zdekodowane wartości pikseli, a nie bajty pliku. Mniejszy PNG sam w sobie nie jest dowodem na wynik bezstratny.
Proces PNG został zaprojektowany tak, aby zachować przezroczystość alfa. Zanim zastąpisz oryginalny zasób, sprawdź rzeczywisty wynik po przetworzeniu w VisionStory.
