Pakkaa PNG-kuvat verkossa

Mikä tämä työkalu on?

PNG on häviötön, joten sillä ei ole "laatu"-asetusta pienennettäväksi — naiivi uudelleenkoodaus auttaa tuskin lainkaan. Todellinen PNG-pakkaus toimii eri tavalla: paletin kvantisointi pienentää kuvan huolellisesti valittuun väripalettiin (enintään 256 väriä). Koska kuvakaappaukset, logot ja käyttöliittymägrafiikka harvoin käyttävät sitä enempää erillisiä värejä muutenkaan, tiedosto pienenee 50–70 % näyttäen silti identtiseltä. Läpinäkyvyys (alfakanava) säilyy täysin.

Tämä on tekniikka tunnettujen palveluiden, kuten TinyPNG:n, takana — ero tässä on, että se toimii selaimessasi avoimen lähdekoodin moottorilla, joten kuvasi pysyvät laitteellasi eikä päivittäistä tiedostorajaa ole.

Miksi käyttää sitä?

• Todellinen pakkaus (tyypillisesti 50–70 %), ei näennäinen uudelleenkoodaus.
• Läpinäkyvyys säilyy — turvallinen logoille, kuvakkeille ja käyttöliittymäresursseille.
• Ei latausta, toisin kuin TinyPNG-tyyppisissä palveluissa — eikä siksi tiedostomäärärajoja.
• Säädettävä värimäärä (16–256) kuvakohtaisine säästöineen näytettynä.
• Eräkäsittely, ilmainen, ei vesileimaa.

Käyttöohje

1. Pudota PNG-tiedostot laatikkoon (pakkausmoottori latautuu automaattisesti, kerran).
2. Pidä 256 väriä visuaalisesti identtisiä tuloksia varten, tai laske sitä pienemmille tiedostoille.
3. Jokainen tulos näyttää tarkat säästöt — napsauta Lataa.
4. Jos valokuvamainen PNG ei pienene tarpeeksi, muunna se sen sijaan JPG:ksi (katso PNG JPG:ksi).

Esimerkki

Syöte

app-screenshot.png — 980 kt

Tuloste

app-screenshot-compressed.png — 290 kt (−70 %), 256 väriä

Kuvakaappaukset ja käyttöliittymägrafiikka kvantisoituvat kauniisti; paletti kattaa jokaisen värin, jota ne oikeasti käyttävät.

Omista testeistämme

Julkaisutestimme käytti tarkoituksella hankalaa kuvaa: 600×400 PNG täynnä 200 päällekkäistä puoliläpinäkyvää väriläiskää — paljon sotkuisempi kuin tyypillinen kuvakaappaus. Se kvantisoitui 31,1 kt:sta 7,8 kt:iin (−75 %) 256 värillä, alfakanava ehjänä. Oikean maailman käyttöliittymägrafiikka pakkautuu vielä paremmin, koska se käyttää vähemmän erillisiä värejä kuin stressitestimme. Rehellinen kääntöpuoli, jonka myös vahvistimme: valokuvamainen sisältö näyttää näkyvää vyöhykkeisyyttä 256 värillä — silloin kannattaa käyttää JPG/WebP-reittiä sen sijaan, minkä vuoksi muunninlinkit ovat yhtä osiota ylempänä.

Yleisiä käyttötapauksia

• Sovellus- tai verkkosivustokuvakaappausten pienentäminen ennen niiden liittämistä bugiraporttiin tai dokumentaatiosivulle.
• Logon tai kuvakesarjan pakkaaminen verkkosivustolle menettämättä läpinäkyvää taustaa, josta kehittäjät ovat riippuvaisia.
• Käyttöliittymämallien vientien koon pienentäminen suunnittelutyökaluista ennen niiden jakamista tiimille.
• Käyttöliittymägrafiikkaerän painon vähentäminen tyyliopasta tai suunnittelujärjestelmän tietovarastoa varten.

Usein kysytyt kysymykset