Täydellinen kuvapakkausopas
Laatu vs tiedostokoko – valitse oikea asetus joka käyttötapaukseen.
Kuvapakkaus on kompromissi: pienempi tiedosto = nopeampi lataus = parempi SEO + tyytyväisemmät käyttäjät, mutta mene liian pitkälle ja valokuvasi näyttävät 1990-luvun GIF-kuvilta. Tämä opas kattaa optimaaliset asetukset joka tilanteeseen.
Häviöllinen vs häviötön – aloita tästä
Häviöllinen pakkaus heittää pois dataa, jota silmäsi eivät huomaa. JPG, WebP (häviöllinen tila), AVIF.
Häviötön pakkaus järjestää dataa uudelleen heittämättä mitään pois. PNG, WebP (häviötön tila). Suuremmat tiedostot, täydellinen laatu.
Käytä häviötöntä logoille, kuvakaappauksille ja kaikelle, jossa on teräviä reunoja. Käytä häviöllistä valokuville.
JPG-laatuasetukset
- 95-100 – visuaalisesti identtinen alkuperäisen kanssa. Käytä vain arkistointiin.
- 80-90 – makea paikka useimmille valokuville. Erotettavissa 100:sta vain 99 % katsojille.
- 70-80 – sopii pikkukuville ja listaussivuille.
- 60-70 – näkyvä laadun heikkeneminen alkaa. Käytä vain taitoksen alapuolella oleville kuville.
- Alle 60 – näkyviä artefakteja. Älä tee.
Kokeile JPG-pakkainta liukusäätimellä nähdäksesi laadun ja koon kompromissin reaaliajassa.
WebP ja AVIF
WebP laadulla 80 vastaa tyypillisesti JPG:tä laadulla 90. AVIF laadulla 60 vastaa tyypillisesti JPG:tä laadulla 90. Molemmat nykyaikaiset formaatit käyttävät havaintopohjaista pakkausta, joka priorisoi sitä, mitä ihmiset todella näkevät.
Erämuunnoksiin käytä eräkäsittelyä – muunna 200 JPG-kuvaa WebP:ksi yhdessä työssä.
Häviötön PNG-optimointi
Jopa häviöttömät PNG:t voivat pienentyä 20-50 % poistamalla käyttämättömiä metadataja ja uudelleenkoodaamalla paremmalla pakkauksella. Aja mikä tahansa PNG PNG-pakkaimen läpi nähdäksesi säästön.
Milloin EI kannata pakata
- Tulostustiedostot – säilytä maksimilaatu.
- Lähdealkuperäiset, joita saatat muokata uudelleen – pakkaus on tuhoisaa.
- Taustakuvat, jotka asetat 4K-näytölle – näkyvät artefaktit matalalla laadulla tulevat erittäin näkyviksi suurissa koissa.
Isompi kuva
Pakkaus on yksi osa. Oikean formaatin valinta on tärkeämpää kuin laadun hienosäätö. Mittojen oikea koko on tärkeämpää kuin molemmat. Yhdistelmä – oikea formaatti, oikea koko, oikea laatu – on ero 4 MB:n hero-kuvan ja 80 KB:n kuvan välillä.
Kokeile ilmaisia työkalujamme
Useimmat näistä oppaista yhdistyvät käytännön työkaluun, jota voit käyttää heti – ei vaadi rekisteröitymistä ensimmäisellä kerralla:
- Kuvan koon muuttaja – pikselintarkka pienennys + suurennus.
- Muunna WebP:ksi – 30-50 % pienemmät tiedostot kuin JPG.
- Taustanpoistaja – yhden klikkauksen leikkaus, läpinäkyvä PNG.
- Favicon-generaattori – kaikki selainkoot yhdestä lähteestä.
- Sosiaalisen median koonmuuttaja – jokaisen alustan tarkat mitat.
- Eräkäsittely – käytä mitä tahansa työkalua jopa 200 kuvaan kerralla.
Selaa koko työkalukatalogia.
