WebP vai JPG: kumpi kannattaa valita?

Miten WebP ja JPG eroavat?

JPG ja JPEG tarkoittavat samaa kuvamuotoa. WebP tukee sekä häviöllistä että häviötöntä pakkausta ja läpinäkyvyyttä. JPEG sopii laajasti tuettuna valokuviin, mutta ei säilytä läpinäkyvää taustaa. Nämä ovat kuvamuotojen ominaisuuksia; yksittäinen muunnin voi tarjota vain osan niistä. Katso lisätietoja Googlen WebP-dokumentaatiosta.

Milloin WebP kannattaa valita?

Vie alkuperäisestä valokuvasta WebP-versio ja vertaa sitä nykyiseen JPG:hen omalla verkkosivullasi. Tarkastele hiuksia, lehtiä, kangasta ja kirjaimia. Pienempi tiedosto on hyödyllinen vain, jos kuva näyttää hyvältä käyttökohteessaan. Pikkukuva kestää ratkaisuja, jotka näyttävät huonoilta koko sivun levyisessä portfoliossa.

Käytä vertailuun JPG–WebP-muunninta. Säilytä molemmat versiot, kunnes olet tarkistanut sivun. Kahden eri pakkaustyökalun laatuarvo 80 ei takaa samaa laatua: käytä asetusta silmämääräisen vertailun lähtökohtana.

Alkuperäinen JPGPixilon WebP

Milloin JPG on parempi?

Valitse JPG, kun lomake hylkää WebP:n, vanha editori ei avaa sitä tai asiakas pyytää JPEG:n. Tavoite on käyttökelpoinen tiedosto, vaikka JPG olisi suurempi. Käytä WebP–JPG-muunninta ja avaa ladattu tiedosto kohdesovelluksessa ennen kuin poistat mitään.

Jos kuvassa on läpinäkyvyyttä, päätä tausta ensin. Valkoinen tuotekuva voi sopia valkoiselle sivulle mutta näyttää väärältä tummassa esityksessä. Valitse yhtenäinen tausta taustavärityökalulla.

Heikentääkö muuntaminen laatua?

Kyllä, häviölliseen kuvamuotoon muuntaminen voi muuttaa yksityiskohtia. Pieni pakkausero voi olla huomaamaton pikkukuvassa mutta näkyä suuressa kuvassa. Vertaa tulosta sen todellisessa näyttökoossa, erityisesti pieniä tekstejä ja pintojen yksityiskohtia.

Pixilon JPG/WebP-muuntimet käyttävät laatuliukusäädintä ja selaimen kuvantallennusta. Muunnos ei ole taatusti häviötön. Jos jompikumpi sivu ylittää 4000 pikseliä, kuva pienennetään kuvasuhde säilyttäen niin, että pisin sivu on 4000 pikseliä. Suuressa alkuperäisessä voivat siis muuttua sekä mitat että pakkaus.

100 %:n katselukoko tarkoittaa tässä kuvan todellista pikselikokoa kuvankatseluohjelmassa: yksi kuvan pikseli näkyy yhtenä näytön pikselinä. Selaimen sivun zoomaus on eri asetus.

Käytännön vertailu

1. Valitse edustava kuva, jossa on tarvittaessa pieniä yksityiskohtia tai tekstiä.
2. Päätä näyttökoko ja tarvitaanko tiheäpikseliselle näytölle suurempi versio.
3. Tallenna kopio alkuperäisestä ja tarkista normaalissa katselukoossa sekä 100 %:n zoomauksella.
4. Vertaa ladattujen tiedostojen kokoja. Säilytä alkuperäinen, jos uusi on suurempi eikä ratkaise yhteensopivuusongelmaa.
5. Tarkista oikea käyttökohde: verkkosivu, sähköpostiliite tai lomake.

Pixilo käsittelee kuvan paikallisesti selaimessasi eikä lähetä sitä muunnettavaksi palvelimelle. Säilytä alkuperäinen erikseen etenkin tulostamista, arkistointia ja muokkausta varten. Laajempi vertailu löytyy verkkosivujen kuvamuoto-oppaasta.