Vienti webiin: koko, muoto, laatu
Valmistele kuva näytölle: päätä mitat ensin, valitse PNG/JPEG/WebP ja vältä turhaa uudelleennäytteistystä.
Ensimmäinen päätös ei ole muoto vaan näyttökoko. 3000 px mallin vieminen täydessä koossa ja pienentäminen CSS:llä haaskaa sekä siirron että purkamisen. Pienennä tiedosto ensin tavoitekokoon ja vie sitten. Valinta on yksinkertainen: PNG läpinäkyvälle tasografiikalle, JPEG valokuville, WebP tai AVIF siltä väliltä; PNG on häviötön, joten laadunsäätöä ei ole, vain mitat ja värisyvyys. PhotoPSD-editori pienentää, litistää ja vie samassa näkymässä; PSD → PNG käsittelee litistämisen ja muodot vertailtuina koodauksen. Koon muuttaminen viennin jälkeen lisää uudelleennäytteistyksen ja pehmentää ohuita viivoja — myös @2x-versiot kannattaa tehdä suoraan alkuperäisestä tavoitekokoon.
Kokeile omalla tiedostollasi
Avaa tasollinen PSD ja näe, miten paneelit vastaavat juuri lukemaasi.