Miksi kuvamuotoja on niin paljon?

Jokaisessa kuvamuodossa tehdään erilainen kompromissi tiedostokoon, laadun ja läpinäkyvyyden kaltaisten ominaisuuksien välillä, joten sopiva muoto riippuu siitä, missä kuvaa käytetään. Muuntaminen auttaa myös silloin, kun ohjelma tai verkkosivusto ei hyväksy käytössä olevaa muotoa.

Muoto Läpinäkyvyys Sopii hyvin
PNG Kyllä Kuvakaappauksiin, logoihin ja tekstiä sisältävään grafiikkaan, jotka tallennetaan yksityiskohtia menettämättä
JPG Ei Valokuviin, jotka tallennetaan pieninä tiedostoina häviöllisellä pakkauksella
WebP Kyllä Verkkokuviin häviöllisellä tai häviöttömällä pakkauksella
GIF Käytössä tai pois käytöstä pikselikohtaisesti Yksinkertaiseen grafiikkaan, jossa on enintään 256 väriä
BMP Ei Vanhoihin Windows-ohjelmiin; tiedostot ovat pakkaamattomia ja suuria
ICO Kyllä Windows-kuvakkeisiin ja verkkosivustojen faviconeihin, useita kokoja yhdessä tiedostossa
TIFF Kyllä Tulostukseen, skannaukseen ja arkistointiin
AVIF Kyllä Moderneihin verkkokuviin, joissa on tehokas pakkaus; voidaan muuntaa tästä, mutta ei tähän
SVG Kyllä Vektorilogoihin ja -kuvakkeisiin, joiden kokoa voi muuttaa; voidaan muuntaa tästä, mutta ei tähän

Työkalun kuvaus

Tämä työkalu muuntaa kuvia muotojen PNG, JPG, WebP, GIF, BMP, ICO ja TIFF välillä sekä muodoista AVIF ja SVG mihin tahansa näistä. Kaikki tämän työkalun kuvamuuntimet toimivat samalla tavalla: niin yleinen kuvamuunnin kuin yksittäiselle muunnosparille tarkoitetut muuntimet, kuten PNG:stä JPG:ksi tai SVG:stä ICO:ksi. Muunnin avautuu nimessään mainituilla muodoilla, ja Lähde- ja Kohde-valikoista voi vaihtaa muihin muotoihin. Tiedostoja selaamalla näytetään vain lähdemuodon kuvat, mutta muuntimen päälle pudotettu kuva voi olla missä tahansa tuetuista muodoista: lähdemuoto määräytyy tiedoston mukaan, joten WebP-tiedosto muunnetaan myös PNG:stä JPG:ksi -muuntimella. Tarkista esikatselu ja lataa muunnettu kuva, jonka tiedostonimi säilyy ennallaan mutta tiedostotunniste vaihtuu. Kun muunnat ICO-muotoon, valitse mukaan otettavat kuvakekoot 16 × 16–256 × 256 pikselin väliltä. Kaikki koot ovat aluksi valittuina.

Kuvat muunnetaan laitteellasi, eikä niitä koskaan ladata palvelimelle.

Näin se toimii

Selain purkaa kuvan, paitsi TIFF-kuvat, jotka UTIF.js purkaa, ja työkalu piirtää kuvan canvas-elementille alkuperäisessä koossaan. Selain koodaa sen jälkeen PNG-, JPG- ja WebP-tiedostot, gifenc kirjoittaa GIF-tiedostot, UTIF.js kirjoittaa TIFF-tiedostot ja työkalu itse kirjoittaa BMP- ja ICO-tiedostot.

  • JPG- ja BMP-muodoissa ei ole läpinäkyvyyttä, joten läpinäkyvät alueet muuttuvat valkoisiksi.
  • GIF-tiedostossa voi olla enintään 256 väriä, joten työkalu valitsee 256 kuvaa parhaiten vastaavaa väriä. Alle 50-prosenttisesti peittävät pikselit muuttuvat läpinäkyviksi ja muut täysin peittäviksi.
  • ICO-tiedostoon lisätään yksi neliönmuotoinen PNG-kuva kutakin kokoa kohti. Jos kuva ei ole neliönmuotoinen, sen kokoa muutetaan niin, että se mahtuu neliöön, ja se keskitetään läpinäkyvien reunusten kanssa.
  • TIFF-tiedostot kirjoitetaan pakkaamattomina. Useimmat selaimet eivät pysty näyttämään TIFF-tiedostoja, joten esikatselussa näytetään alkuperäinen kuva, kun kohdemuoto on TIFF.
  • SVG piirretään tiedostoon määritettyjen leveys- ja korkeusarvojen mukaan tai sen viewBox-arvojen mukaisessa koossa. Jos kumpiakaan ei ole määritetty, kuvakoko on 300 × 150 pikseliä.
  • Animoiduista GIF-, WebP- ja PNG-tiedostoista muunnetaan vain ensimmäinen ruutu ja monisivuisista TIFF-tiedostoista vain ensimmäinen sivu.
  • JPG- ja WebP-tiedostot tallennetaan selaimen oletuslaadulla.
  • Uuteen tiedostoon ei kopioida metatietoja, kuten valokuvan EXIF-tietoihin tallennettuja kameratietoja ja GPS-sijaintia.

Vinkkejä

  • Jos haluat säilyttää läpinäkyvän taustan, muunna kuva PNG-, WebP-, ICO-, TIFF- tai GIF-muotoon JPG- tai BMP-muodon sijaan.
  • Valokuvissa JPG- ja WebP-tiedostot ovat huomattavasti PNG-tiedostoja pienempiä. Kuvakaappauksissa ja logoissa PNG säilyttää tekstin ja reunat terävinä.
  • Aloita faviconia varten neliönmuotoisesta kuvasta, jonka koko on vähintään 256 × 256 pikseliä, tai SVG-tiedostosta.
  • Jos haluat suuremman kuvan SVG-tiedostosta, suurenna ensin sen width- ja height-attribuutteja tekstieditorissa, sillä kuva piirretään tiedostoon määritetyssä koossa.
  • SVG, joka viittaa muissa tiedostoissa oleviin fontteihin tai kuviin, piirretään ilman niitä, sillä selaimet eivät lataa kuvan ulkopuolisia tiedostoja. Muunna sen tekstit poluiksi ja upota kuvat ennen muuntamista.
  • WebP-tiedoston tallentaminen edellyttää selainta, joka pystyy koodaamaan WebP-muotoon. Muissa selaimissa näytetään virheilmoitus.