Täydellinen kuvien pakkausopas
Laatu vs. tiedostokoko — valitse oikea asetus jokaiseen käyttötarkoitukseen.
Kuvien pakkaus on kompromissi: pienempi tiedosto = nopeampi lataus = parempi SEO + tyytyväisemmät käyttäjät, mutta liian pitkälle vietynä valokuvasi näyttävät 1990-luvun GIFiltä. 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). Suurempia tiedostoja, 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 — optimaalinen useimmille valokuville. Erottamaton 100:sta 99 %:lle katsojista.
- 70-80 — sopii pikkukuville ja listaussivuille.
- 60-70 — näkyvä laadun heikkeneminen alkaa. Käytä vain näkymän alapuolisille kuville.
- Alle 60 — näkyviä virheitä. Älä käytä.
Kokeile JPG-pakkaustamme liukusäätimellä nähdäksesi laadun ja koon välisen kompromissin livenä.
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 havaitsemispohjaista pakkausta, joka priorisoi sitä, mitä ihmiset todella näkevät.
Eräkäsittelyyn käytä eräkäsittelyä — muunna 200 JPG:tä WebP:ksi yhdellä työvaiheella.
Häviötön PNG-optimointi
Jopa häviöttömät PNG:t voivat pienentyä 20-50 % poistamalla käyttämättömät metatiedot ja pakkaamalla uudelleen paremmalla pakkauksella. Aja mikä tahansa PNG PNG-pakkauksemme läpi nähdäksesi säästön.
Milloin EI pakata
- Tulostustiedostot — pidä maksimilaatu.
- Alkuperäiset lähdetiedostot, joita saatat muokata uudelleen — pakkaus on tuhoisaa.
- Taustakuvat, jotka asetat 4K-näytölle — näkyvät virheet matalalla laadulla tulevat erittäin näkyviksi suurissa koossa.
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 Mt:n hero-kuvan ja 80 kt:n kuvan välillä.
Kokeile ilmaisia työkalujamme
Useimpiin näistä oppaista liittyy käytännön työkalu, jota voit käyttää heti — ensimmäisellä kerralla ei vaadita rekisteröitymistä:
- Kuvan koon muuttaja — pikselintarkka pienennys + suurennus.
- Muunna WebP:ksi — 30-50 % pienempiä tiedostoja kuin JPG.
- Taustan poistaja — yhden napsautuksen leikkaus, läpinäkyvä PNG.
- Favicon-generaattori — jokainen selaimen koko yhdestä lähteestä.
- Sosiaalisen median koon muuttaja — jokaisen alustan tarkat mitat.
- Eräkäsittely — käytä mitä tahansa työkalua jopa 200 kuvaan kerralla.
Selaa koko työkaluluetteloa.
