Eksport do sieci: rozmiar, format, jakość
Przygotowanie grafiki do ekranu: najpierw wymiary, potem wybór PNG/JPEG/WebP i unikanie zbędnego resamplingu.
Pierwsza decyzja to nie format, lecz rozmiar wyświetlania. Wyeksportowanie makiety 3000 px w całości i pomniejszenie jej przez CSS marnuje transfer i dekodowanie. Najpierw zmniejsz dokument do rozmiaru docelowego, potem eksportuj.
Wybór jest prosty: PNG dla płaskiej grafiki z przezroczystością, JPEG dla zdjęć, WebP lub AVIF pomiędzy. PNG jest bezstratny, więc nie ma suwaka jakości — liczą się tylko wymiary i głębia koloru. Edytor PhotoPSD zmniejsza, spłaszcza i eksportuje w jednym ekranie; PSD do PNG opisuje spłaszczanie, a porównanie formatów kodowanie.
Zmiana rozmiaru po eksporcie dodaje kolejny resampling i zmiękcza cienkie linie. Nawet wersje @2x lepiej tworzyć wprost z oryginału w rozmiarze docelowym.
Sprawdź na własnym pliku
Otwórz PSD z warstwami i zobacz, jak panele odpowiadają temu, co właśnie przeczytałeś.