CodeKitHubMiksi käyttää sitä?
- 100 % paikallinen: kuvat eivät koskaan poistu laitteeltasi — turvallinen yksityisille kuville ja julkaisemattomille suunnitelmille.
- Ei rajoituksia: ei enimmäistiedostokokoa, ei päivittäistä kiintiötä, ei vesileimaa, ei tiliä.
- Erätila — pudota useita kuvia kerralla, jokainen saa oman latauksensa.
- Laatuliukusäädin + enimmäisleveyden muutos + JPG/WebP-tuloste — kolme asetusta, jotka todella merkitsevät.
- Näyttää tarkat säästöt jokaista kuvaa kohti, jotta voit arvioida kompromissin.
Usein kysytyt kysymykset
Näyttääkö pakkaus kuvani huonoilta?
70–85 % laadulla erot ovat käytännössä huomaamattomia näytöltä katsottuna. Näkyviä virheitä ilmenee alle ~50 %:n laadulla. Tekstipitoiset kuvakaappaukset ovat poikkeus — ne näyttävät virheitä JPG:ssä aiemmin; kokeile WebP-tulostetta tai pidä laatu yli 85 %:ssa niissä.
Onko tiedostokoolle tai määrälle rajaa?
Ei. Koska pakkaus tapahtuu laitteellasi eikä palvelimella, mitään ei tarvitse rajoittaa — pakkaa 50 Mt:n kuva tai 100 kuvaa erässä. Erittäin suuret kuvat vain kestävät hetken kauemmin.
Lähetetäänkö kuvani jonnekin?
Ei. Tiedostot luetaan ja koodataan uudelleen kokonaan selaimessasi HTML5 canvas -rajapinnalla. Voit ladata tämän sivun, mennä offline-tilaan ja jatkaa pakkaamista.
Pitäisikö minun valita JPG vai WebP?
WebP on tyypillisesti 25–35 % pienempi samalla visuaalisella laadulla ja toimii kaikissa nykyaikaisissa selaimissa — paras verkkosivuille. JPG avautuu kaikkialla, mukaan lukien vanhat ohjelmistot ja tulostimet — paras jakamiseen ja sähköpostiin. Epävarmoissa tapauksissa valitse JPG.
Miksi PNG-tiedostoni pieneni niin paljon?
PNG on häviötön, mikä on kallista valokuville — valokuvamainen PNG on usein 5–10× suurempi kuin visuaalisesti identtinen JPG. Valokuva-PNG:iden muuntaminen JPG:ksi/WebP:ksi antaa suurimmat säästöt. Säilytä PNG vain grafiikoille, jotka tarvitsevat läpinäkyvyyttä tai teräviä reunoja.
Miksi tuloste on joskus suurempi kuin alkuperäinen?
Jos kuva oli jo voimakkaasti pakattu, uudelleenkoodaus ei auta ja voi lisätä tavuja. Työkalu kertoo, kun näin käy — säilytä silloin alkuperäinen.
Mikä tämä työkalu on?
Kuvanpakkain pienentää tiedostokokoa koodaamalla kuvan uudelleen tehokkaammilla (häviöllisillä) asetuksilla. Puhelinkameran kuva on usein 3–8 Mt; verkkosivulle, chat-viestiin tai sähköpostiin 200–500 kt näyttää yleensä identtiseltä ruudulla. Pienemmät kuvat latautuvat nopeammin ja säästävät tallennustilaa ja kaistaa.
Tämä työkalu koodaa kuvat uudelleen selaimen omalla koodekilla valitsemallasi laadulla, valinnaisesti skaalaten erittäin suuret kuvat järkevään enimmäisleveyteen — kaksi tekijää, jotka vaikuttavat eniten tiedostokokoon. Pakkauksen voimakkuus vs. näkyvä laatu on aina kompromissi; reaaliaikaiset ennen/jälkeen-koot auttavat löytämään kullekin kuvalle sopivan tasapainon.
Muotovertailu: JPG vs WebP vs PNG koon suhteen
Sama kuva, sama visuaalinen laatu, kolme hyvin erilaista kokoa: PNG on raskassarjalainen (häviötön — usein 5–10× JPG:n koko valokuville), JPG on yleismaailmallinen keskitie, WebP jää tyypillisesti 25–35 % JPG:n alle. Joten valokuvan pakkaushierarkia on: siirry pois PNG:stä ensin, valitse sitten JPG yhteensopivuutta tai WebP pienintä kokoa varten.
Grafiikoiden kohdalla asetelma kääntyy: kuvakaappauksille, logoille ja tasavärisille käyttöliittymäkuville paletti-kvantisoitu PNG päihittää yleensä JPG:n sekä koossa että terävyydessä — JPG:n valokuvamainen pakkaus tahraa terävät reunat. Sille tapaukselle on oma työkalunsa alla.
| Sisältötyyppi | Paras muoto | Miksi |
|---|---|---|
| Valokuvat verkkoon/sähköpostiin/chattiin | WebP (tai JPG yhteensopivuuden vuoksi) | Häviöllinen pakkaus sopii valokuvamaiseen yksityiskohtaan; WebP on 25–35 % pienempi kuin JPG samalla laadulla. |
| Kuvakaappaukset, logot, tasaväriset käyttöliittymät | PNG | Häviötön — JPG:n valokuvamainen pakkaus sumentaa terävän tekstin ja kovat reunat. |
| Kuvat, jotka tarvitsevat läpinäkyvyyttä | PNG tai WebP | JPG:ssä ei ole alfakanavaa; sekä PNG että WebP tukevat läpinäkyviä taustoja. |
| Maksimaalinen yhteensopivuus (vanhat ohjelmistot, tulostimet) | JPG | Yleisesti tuettu 1990-luvulta lähtien; WebP-tuki on uudempi, joskin nykyään lähes kaikkialla selaimissa. |
Suorituskykyhuomioita
- Muuta kokoa ennen kuin pakkaat kovemmin: mittojen pienentäminen 4000 px:stä 1920 px:ään poistaa ~77 % pikseleistä — mikään laatuliukusäädin ei voita sitä.
- Eräkäsittely toimii peräkkäin suorittimellasi; sata puhelinkuvaa kestää pari minuuttia kannettavalla tietokoneella. Mitään ei jonoteta palvelimella, joten se on silti yleensä nopeampaa kuin lataukseen perustuvat sivustot — ja se toimii offline-tilassa.
- Prosenttiluku (−%) on palautekierteesi: jos se näyttää yksinumeroisia lukuja, kuva oli jo optimoitu ja laadun lisäpieneneminen haittaa ulkonäköä ennen kuin auttaa kokoa.
- Verkkojulkaisua varten tähtää ≤200 kt:n sisältökuviin ja ≤500 kt:n täysleveisiin hero-kuviin; nuo budjetit pitävät Core Web Vitals -mittarit hyvinä mobiiliyhteyksillä.
Omista testeistämme
Ennen tämän työkalun julkaisua ajoimme sen läpi generoituja testikuvia ja tarkistimme tulosteen pikseli pikseliltä, emme vain silmämääräisesti. 3000×2000 monivärinen PNG pieneni 140 kt:sta 94 kt:hen (−33 %) 75 % laadulla ja 1920 px:n rajoituksella — ja koska testikuva oli synteettinen, pystyimme varmistamaan, ettei yksikään pikseli poikennut JPG-koodekin odotettua toleranssia enempää. Varmistimme myös, että jo-optimoidun-tiedoston varoitus laukeaa oikein sen sijaan, että se hiljaisesti tuottaisi suuremman tiedoston: syötä sille tiukasti pakattu JPG ja se kehottaa säilyttämään alkuperäisen sen sijaan, että väittäisi auttaneensa.
Käyttöohje
- Pudota kuvat laatikkoon (tai klikkaa valitaksesi) — JPG, PNG ja WebP tuetaan.
- Aseta laatu: 75 % on hyvä tasapaino; laske 60 %:iin maksimisäästöjä varten.
- Valitse enimmäisleveys — 1920 px riittää täysruutuiseen verkkokäyttöön.
- Valitse JPG (yleismaailmallinen) tai WebP (pienempi, kaikki nykyaikaiset selaimet) tulostemuoto.
- Klikkaa Download jokaisen tuloksen kohdalla. Koko ja säästöprosentti näytetään tiedostokohtaisesti.
Esimerkki
- Syöte
phone-photo.jpg — 4,20 Mt, 4032×3024- Tuloste
phone-photo-compressed.jpg — 0,48 Mt (−89 %), 1920×1440
Koon muutos 1920 px:iin ja uudelleenkoodaus 75 % laadulla: visuaalisesti identtinen millä tahansa näytöllä, 9× pienempi.