Tech Help
JPG vs PNG kuvakaappauksissa: kumpi on pienempi?
Valitse JPG tai PNG kuvakaappaukseen sisällön mukaan: UI ja teksti pysyvät usein terävämpinä PNG:nä; valokuvapainotteiset ruudut voivat olla pienempiä JPEG:nä.
Kuvakaappauksissa, joissa on tekstiä, UI, teräviä viivoja, tasaisia värejä tai läpinäkyvyyttä, PNG pitää reunat usein puhtaampina. Valokuva-, video-, peli- tai liukuväripainotteisissa kaappauksissa JPEG voi usein tehdä pienemmän tiedoston hyväksyttävällä laadulla.
Ei ole sääntöä, että PNG on aina suurempi tai JPEG aina pienempi. Koko riippuu sisällöstä, mitoista, pakkauksesta, läpinäkyvyydestä ja monimutkaisuudesta.
UI- ja tekstikuvakaappauksissa aloita PNG:llä. Valokuvapainotteisissa kuvakaappauksissa JPEG:n vertailu voi kannattaa. Pienempi ei ole automaattisesti parempi, jos tekstiä on vaikeampi lukea.
Tämä opas koskee vain kuvakaappauksia—ei yleistä WebP vs JPG vs PNG -luentoa. Valokuviin, logoihin ja verkkokuviin kaikissa kolmessa muodossa katso WebP vs JPG vs PNG: minkä formaatin oikeasti valitset?. Jos haluat lähinnä pienemmän tiedoston ilman silmiinpistävää sumentumista, katso Näin pienennät kuvatiedoston kokoa ilman että kuva sumentuu.
JPG ja JPEG tarkoittavat samaa muotoa
JPG ja JPEG ovat sama muoto. Kirjaimet eroavat tiedostopäätteessä, ei koodauksessa.
Miksi kuvakaappaukset tallennetaan usein PNG:nä?
Kuvakaappauksissa on usein tekstiä, kuvakkeita, UI-säätimiä, tasaisia värejä, teräviä reunoja ja ohuita viivoja. PNG käyttää lossless-pakkausta, joten nuo reunat voivat pysyä terävinä. PNG tukee myös läpinäkyvyyttä. Se ei tarkoita, että jokaisen kuvakaappauksen pitäisi olla PNG.
Miksi JPEG voi olla PNG:tä pienempi?
JPEG käyttää lossy-pakkausta. Se voi esittää valokuvallisen yksityiskohdan ja jatkuvan sävyn pienemmässä tiedostossa. Jos kuvakaappaus on lähinnä valokuvia, videota, 3D-pelejä, kamerakuvaa tai monimutkaisia pintoja, JPEG voi tulla paljon pienemmäksi. JPEG ei aina pakkaa paremmin, eikä kiinteää prosenttia ole.
PNG on yleensä turvallisempi teksti- ja UI-kuvakaappauksiin
Sivuston UI, asetukset, koodi, päätteet, taulukot, kojtaulut, chat, dokumentit, virheet ja oppaat ovat tyypillisiä PNG-ensin-kaappauksia. Terävät reunat, pieni teksti ja ohuet viivat voivat näyttää JPEG-ringingiä, haloja, smearingia tai paloja. JPEG ei tee kaikesta tekstistä lukukelvotonta; artefaktit vain näkyvät UI:ssa selvemmin.
JPEG voi sopia hyvin valokuvapainotteisiin kuvakaappauksiin
Elokuva- tai videoruutu, pelikohtaus, valokuvagalleria, editori joka näyttää valokuvan, tai valokuvien hallitsema somevirta voi kutistua enemmän JPEG:nä kuin PNG:nä. Jos pienen UI-tekstin päällä on valokuva, tarkista ne muunnoksen jälkeen.
Entä kuvakaappaukset, joissa on sekä tekstiä että valokuvia?
Verkkosivulla, jossa on suuri valokuva sekä valikoita ja pientä tekstiä, ei ole yhtä oikeaa muotoa. Suosi PNG:tä, kun UI ja teksti on pidettävä terävinä. Suosi JPEG:tä, kun tiedostokoko merkitsee ja kuva on lähinnä valokuvallinen. Vie molemmat ja vertaa todellisessa näyttökoossa.
Menettääkö PNG laatua?
PNG-pakkaus itsessään on lossless. Samojen pikselien uudelleenkoodaus PNG:nä ei lisää uusia lossy-artefakteja. JPEG:n muuntaminen PNG:ksi ei palauta laatua. Kadonnut JPEG-yksityiskohta pysyy kadonneena; PNG vain käärii jo vaurioituneet pikselit.
Heikentääkö JPG kuvakaappauksen laatua?
JPEG on lossy. Laatuasetukset muuttavat tiedostokokoa ja sitä, kuinka voimakkaina artefaktit näkyvät. Maltillinen laatu voi näyttää hyväksyttävältä. Voimakas pakkaus tekee tekstin, ohuet viivat ja reunat helpommin huomattaviksi. Mikään yksittäinen laatuluku ei näytä identtiseltä jokaisessa kuvakaappauksessa.
Entä jos kuvakaappauksessa on läpinäkyvyyttä?
PNG tukee alpha-läpinäkyvyyttä. JPEG ei. Jos tarvitset läpinäkyvän taustan, pysy PNG:ssä. Muunna kuvamuoto täyttää läpinäkyvät pikselit valitulla taustalla, kun tuloste on JPEG. Oletustäyttö on valkoinen (#ffffff).
Kumpi on pienempi: JPG vai PNG?
Se riippuu pikseleistä. Teksti, UI ja yksinkertainen tasagrafiikka voivat tehdä PNG:stä kilpailukykyisen—tai jopa pienemmän. Valokuvallinen, kohinainen tai monimutkainen kuva pakkautuu usein paremmin JPEG:nä. Hyvin yksinkertaiset tasavärikaappaukset voivat olla tehokkaita PNG:nä. JPEG ei ole aina PNG:tä pienempi.
Muoto ei ole ainoa syy siihen, että kuvakaappaus on suuri
Leveys, korkeus, pikselimäärä, monimutkaisuus, muoto, laatu ja läpinäkyvyys vaikuttavat kaikki kokoon. 3840×2160-kaappaus, joka näytetään lähellä 1200px, voi kutistua enemmän koon muuttamisesta kuin JPG vs PNG -vaihdosta. Ei ole kiinteää sääntöä «puolet leveydestä tarkoittaa puolta tavuista». Näin pienennät kuvatiedoston kokoa ilman että kuva sumentuu kattaa sen kokotyönkulun.
Pitäisikö kuvakaappauksen kokoa muuttaa ennen muuntamista?
Jos kaappaus on paljon suurempi kuin näytät, tee pienempi kopio tarvittuihin mittoihin. Säilytä alkuperäinen, jos saatat zoomata, tulostaa, arkistoida tai rajata myöhemmin. Muuta kuvan kokoa muuttaa leveyttä ja korkeutta, voi lukita kuvasuhteen ja tarjoaa prosentti- ja yleisiä kokoesiasetuksia. Se pitää lähdemuodon.
Pitäisikö PNG-kuvakaappaus muuntaa JPG:ksi?
Muunnos voi olla järkevää, kun kaappaus on lähinnä valokuvallinen, läpinäkyvyyttä ei käytetä, tarvitset pienemmän lähetyksen ja lievät JPEG-artefaktit kelpaavat. Vältä sitä oletuksena pikkutekstille, koodille, UI:lle, viivapiirrokselle, läpinäkyvyydelle tai pikselintarkalle viitteelle. Vertaa silmin muunnoksen jälkeen.
Parantaako JPG:n muuntaminen PNG:ksi laatua?
Ei. Muodon muunnos ei ole laadun palautusta. JPEG-artefaktit ja kadonnut yksityiskohta eivät palaa PNG-kääreessä. Tiedosto voi myös kasvaa.
Voiko PNG-kuvakaappauksen pakata sumentamatta sitä?
Pienennä kuvatiedosto koodaa PNG:n uudelleen lossless canvas-tulosteella ja säilyttää läpinäkyvyyden. Se voi pienentää kokoa, mutta jo tiukka PNG kutistuu ehkä vain vähän. PNG-pakkaus ei aina tee dramaattista leikkausta.
Kuinka paljon JPG-kuvakaappausta kannattaa pakata?
Yleistä laatulukua ei ole. Aloita maltillisesti, esikatsele, tarkista pieni teksti ja reunat, ja laske laatua vain jos tarvitset yhä pienemmän tiedoston. Tarkista todellinen näyttökoko, ei vain 100 % zoomaus.
Mitä kannattaa tarkistaa pakkauksen jälkeen?
Katso pientä tekstiä, kuvakkeita, ohuita viivoja, reunoja, koodimerkkejä, kaavioita, liukuvärejä, kuvan reunoja ja UI-tekstejä. Vahvista koossa, jossa ihmiset oikeasti näkevät.
Käytännöllinen lähtömuoto kuvakaappauksille
Aloita tästä, vertaa sitten jos koko tai terävyys on yhä väärä.
| Kuvakaappauksen sisältö | Aloita | Miksi |
|---|---|---|
| UI / sovellusnäyttö | PNG | Terävät reunat ja teksti |
| Koodi / pääte | PNG | Pienet merkit |
| Taulukko / kaavio | PNG | Viivat ja tunnisteet |
| Valokuvapainotteinen näyttö | JPEG | Pienempi tiedosto voi olla mahdollinen |
| Peli- / elokuvaruutu | JPEG | Jatkuvan sävyn kuva |
| Läpinäkyvyys vaaditaan | PNG | Alpha-tuki |
| Sekasivu | Vertaa molempia | Riippuu sekoituksesta |
Yksinkertainen päätösopas kuvakaappausmuodolle
Päätä pikseleistä, ei tavasta tallentaa aina PNG.
- Sinulla on kuvakaappaus
- Lähinnä tekstiä / UI / viivoja? Aloita PNG:llä
- Lähinnä valokuvia / videota / pelikuvaa? Kokeile JPEG:tä ja vertaa
- Tarvitsetko läpinäkyvyyttä? Pysy PNG:ssä
- Yhä liian suuri? Muuta ylimääräisten pikselien kokoa, pakkaa maltillisesti, tarkista näyttökoko
- Säilytä alkuperäinen, jos se yhä merkitsee
Hieman suurempi kuvakaappaus, jossa teksti ja UI pysyvät luettavina, on usein hyödyllisempi kuin pienin JPEG. Tavoittele tarpeeksi pientä ja tarpeeksi selkeää.
Muunna kuvakaappausmuotoja selaimessa
NEXNARA Muunna kuvamuoto muuntaa JPG-, PNG- ja WebP-muotoja selaimessa. Pikselileveys ja -korkeus pysyvät samoina.
JPG ja WebP käyttävät laatuasetusta. PNG-tuloste on lossless. PNG ja WebP voivat pitää alphan. JPEG:llä ei ole alphaa: läpinäkyvät pikselit täytetään valitulla taustalla, oletuksena valkoisella. WebP käyttää canvas toBlob -laatua; tämä työkalu ei lupaa lossless WebP:tä.
Yli 20 MB tiedostoja ei käsitellä.
Pakkaa kuvakaappaus vaihtamatta muotoa
NEXNARA Pienennä kuvatiedosto pitää JPG:n, PNG:n tai WebP:n samana muotona.
JPG ja WebP käyttävät laatua. PNG on lossless-uudelleenkoodaus, joka säilyttää läpinäkyvyyden. NEXNARA Muuta kuvan kokoa on paikka muuttaa mittoja, kun kaappaus on liian suuri.
Sama 20 MB raja pätee. Itse kuvankäsittely tapahtuu selaimessasi. Tiedostoja ei lähetetä NEXNARA-palvelimelle muuntoa, pakkausta tai koon muutosta varten. Mainokset ja muut sivuston toiminnot käyttävät silti verkkoa.
Kuvankäsittely on paikallista. Se ei ole väite, että koko sivusto on offline.
Vertaa UI-kaappausta PNG:nä ja valokuvapainotteista kaappausta JPEG:nä Muunna kuvamuoto-työkalussa, ja pakkaa vasta kun muoto miellyttää.
FAQ
Onko JPG vai PNG parempi kuvakaappauksiin?
Riippuu. Aloita PNG:llä tekstiin ja UI:hin. Kokeile JPEG:tä valokuvapainotteisiin ruutuihin ja vertaa.
Kumpi on kuvakaappauksissa pienempi, JPG vai PNG?
Kumpikaan ei ole aina pienempi. Yksinkertainen UI voi suosia PNG:tä. Monimutkaiset valokuvat suosivat usein JPEG:tä.
Miksi kuvakaappaukset ovat yleensä PNG?
Monet kaappaukset ovat UI:ta ja tekstiä. Lossless PNG pitää reunat terävinä ja voi tallentaa läpinäkyvyyden.
Pitäisikö PNG-kuvakaappaus muuntaa JPG:ksi?
Vain kun kuva on lähinnä valokuvallinen, et tarvitse läpinäkyvyyttä ja hyväksyt mahdolliset artefaktit. Tarkista tulos.
Parantaako JPG:n muuntaminen PNG:ksi laatua?
Ei. JPEG-häviö ei palaudu käärittämällä pikselit PNG:hen.
Mikä muoto on paras tekstikuvakaappauksiin?
PNG on yleensä turvallisempi alku. JPEG voi silti toimia, mutta tarkista pienet kirjaimet ja ohuet viivat.