Kuvien pak­kaa­mi­nen il­mai­sil­la työ­ka­luil­la

Pakattuja kuvia on erityisen hyö­dyl­lis­tä käyttää verk­ko­si­vu­jen la­taus­no­peu­den pa­ran­ta­mi­sek­si. Mutta miten kuvat voidaan pakata mah­dol­li­sim­man hä­viöt­tö­mäs­ti ilman, että kuvan laatu heikkenee huo­mat­ta­vas­ti? Ja mitä vaih­toeh­to­ja tähän on? Tässä oppaassa annamme selkeän yleis­kat­sauk­sen kuvien pak­kaus­työ­ka­luis­ta.

Miksi minun pitäisi pakata kuvani?

Nykyään korkean re­so­luu­tion kuvat ja valokuvat ovat yleisiä. Di­gi­taa­li­ses­sa va­lo­ku­vauk­ses­sa pik­se­li­mää­rät ja tie­dos­to­koot kasvavat. Olitpa sitten la­taa­mas­sa kuvia verk­ko­si­vus­tol­le­si tai lä­het­tä­mäs­sä niitä säh­kö­pos­tit­se, on aina tärkeää pitää tie­dos­to­koot mah­dol­li­sim­man pieninä. Muista, että mitä pienempi tiedosto on, sitä vähemmän aikaa sen siir­tä­mi­nen vie. Tästä on etua kahdesta syystä:

• Nopea la­tauspro­ses­si lisää kä­vi­jöi­den tyy­ty­väi­syyt­tä (eri­tyi­ses­ti mobiili-in­ter­ne­tyh­tey­den käyt­tä­jien kes­kuu­des­sa).
• Nopea la­tausai­ka vaikuttaa po­si­tii­vi­ses­ti ha­ku­ko­nei­den si­joi­tuk­seen.

Oikea tie­dos­to­muo­to verk­ko­ku­vil­le

Ennen kuin laitat kuvasi verkkoon, sinun tulee tarkistaa ku­va­tie­dos­to­jen muoto. Kaikki graafiset muodot eivät sovellu in­ter­net­käyt­töön. Tässä on viisi muotoa, joita voidaan käyttää:

• JPG/JPEG: JPG on yksi ylei­sim­min käy­te­tyis­tä ku­va­muo­dois­ta. Se pystyy näyt­tä­mään 16,7 miljoonaa väriä ja tarjoaa tehokkaat pak­kaus­suh­teet. JPG-tie­dos­to­ja käytetään enim­mäk­seen va­lo­ku­vien tai va­lo­ku­va­mai­sen grafiikan tal­len­ta­mi­seen, eri­tyi­ses­ti sel­lais­ten, joissa on paljon erilaisia värejä ja voi­mak­kai­ta kont­ras­te­ja.
• PNG: Tämä tie­dos­to­muo­to voi näyttää 256 (PNG8) – 16,7 miljoonaa (PNG24) eri väriä ja sitä voidaan käyttää verkossa. Toisin kuin JPG-tiedostot, tätä tie­dos­to­muo­toa voidaan pakata ilman laadun heik­ke­ne­mis­tä. PNG-tiedostot sopivat hyvin grafiikan, logojen ja tekstien tal­len­ta­mi­seen. Vä­häi­sil­lä väreillä va­rus­te­tut kuvat voidaan pakata tie­dos­toik­si, joiden koko on vain murto-osa kuvan al­ku­pe­räi­ses­tä koosta.
• WebP: WebP on Googlen kehittämä moderni kuvamuoto, joka tarjoaa paremman pak­kauk­sen säi­lyt­täen samalla korkean ku­van­laa­dun. Se tukee sekä hä­viöl­lis­tä että hä­viö­tön­tä pakkausta, mikä johtaa pie­nem­piin tie­dos­to­ko­koi­hin ver­rat­tu­na JPEG- ja PNG-tie­dos­toi­hin. Te­hok­kai­den al­go­rit­mien, kuten en­nus­ta­van koo­dauk­sen, ansiosta WebP voi pakata kuvia jopa 30 % pie­nem­mik­si kuin JPEG vas­taa­val­la laadulla. Muoto tukee myös lä­pi­nä­ky­vyyt­tä (al­fa­ka­na­va) ja ani­maa­tioi­ta, mikä tekee siitä mo­ni­puo­li­sen vaih­toeh­don PNG- ja GIF-tie­dos­toil­le.
• SVG: SVG (Scalable Vector Graphics) on XML-pohjainen kuvamuoto, jota käytetään vek­to­rigra­fii­kas­sa. Koska se perustuu muotojen ja viivojen ma­te­maat­ti­siin ku­vauk­siin, ku­van­laa­tu säilyy ennallaan skaa­lauk­ses­ta riip­pu­mat­ta. Toisin kuin pik­se­li­poh­jai­set muodot, SVG-tie­dos­to­jen kokoa voidaan pienentää huo­mat­ta­vas­ti yk­sin­ker­tai­sil­la koodin op­ti­moin­neil­la ja gzip-pak­kauk­sel­la ilman, että ku­van­laa­tu heikkenee. SVG on erityisen sopiva logojen, ku­vak­kei­den ja ku­vi­tus­ten käyttöön verkossa.
• GIF: GIF-tiedostot ovat edelleen melko yleisiä verkossa, vaikka ne voivat näyttää vain 256 väriä. Tämä johtuu pää­asias­sa siitä, että GIF-muoto tukee lyhyitä ani­maa­tioi­ta, jotka on tehty ku­va­sar­jas­ta ja jotka ovat erityisen suo­sit­tu­ja so­si­aa­li­ses­sa mediassa ja vas­taa­vil­la alus­toil­la.

Vaih­toeh­to 1: Pakkaa kuvat verkossa

Jos haluat pakata kuvia ilman erityisen oh­jel­mis­ton asen­ta­mis­ta, voit myös optimoida kuvasi helposti verkossa. Tätä tar­koi­tus­ta varten verkossa on useita palveluja, joiden avulla voit pakata kuvia il­mai­sek­si. Työkalut eroavat yleensä toi­sis­taan käy­tet­tä­vis­sä olevien tie­dos­to­muo­to­jen ja mah­dol­lis­ten pak­kausas­tei­den suhteen, ja niissä on usein ra­joi­tuk­sia suo­ri­tet­ta­vien pak­kaus­ten lu­ku­mää­rän suhteen. Jotkut parhaista rat­kai­suis­ta löytyvät seu­raa­vis­ta kap­pa­leis­ta.

Op­ti­mizil­la

Mediafox Mar­ke­tin­gin Op­ti­mizil­la-verk­ko­työ­ka­lun avulla voit ladata ja pakata jopa 20 kuvaa kerralla. Kuvien on oltava JPEG- tai PNG-muodossa. Verk­ko­so­vel­lus käyttää yh­dis­tel­mää erilaisia pak­kausal­go­rit­me­ja, jotka tarjoavat hyvän pak­kaus­suh­teen ja ku­van­laa­dun. Voit säätää pak­kausas­tet­ta liu­kusää­ti­mel­lä ennen kuin lataat tulokset yk­si­tel­len tai yhdessä ZIP-tie­dos­to­na.

Jotta löydät parhaat mah­dol­li­set asetukset, Op­ti­mizil­la näyttää sinulle pik­ku­ku­vat al­ku­pe­räi­ses­tä kuvasta ja sen pakatusta versiosta. Lisäksi työkalu ilmoittaa kunkin tiedoston koon. Kaikki ladatut kuvat pois­te­taan au­to­maat­ti­ses­ti pal­ve­lun­tar­joa­jan pal­ve­li­mil­ta tunnin kuluttua.

PieniPNG

TinyPNG mah­dol­lis­taa – nimestään poiketen – paitsi PNG-tie­dos­to­jen pak­kaa­mi­sen myös JPEG- ja WebP-tie­dos­to­jen pak­kaa­mi­sen. Il­mai­ses­sa va­kio­ver­sios­sa voit optimoida sa­ma­nai­kai­ses­ti jopa 20 kuvaa näistä kolmesta for­maa­tis­ta, ja kuvan enim­mäis­ko­ko on ra­joi­tet­tu 5 me­ga­ta­vuun.

Voormedia-työ­ka­lus­sa on ennalta mää­ri­tet­ty pak­kaus­ta­so, jota ei voi säätää, mutta joka pienentää kuvan kokoa jopa 80 %. Siirrä haluamasi valokuvat hiiren vetämällä ja pu­dot­ta­mal­la ne näkyvälle alueelle ja lataa tulokset sitten JPEG- tai PNG-muodossa tai ZIP-tie­dos­to­na. Vaih­toeh­toi­ses­ti voit ladata ne pil­vi­pal­ve­luun Drop­boxiin.

iLoveIMG

iLoveIMG on kattava online-paketti hyö­dyl­li­siä ku­van­kä­sit­te­ly­työ­ka­lu­ja. Barce­lo­nas­sa toimiva ke­hi­tys­tii­mi tarjoaa so­vel­luk­sia, joilla kuvia voi rajata, skaalata, muuntaa ja jopa pakata. Jäl­kim­mäis­tä varten valitse ”Compress IMAGE” (Pakkaa kuva) ja lisää haluamasi ku­va­ma­te­ri­aa­li vetämällä ja pu­dot­ta­mal­la tai tie­dos­to­se­lai­mel­la. Mah­dol­li­sia tie­dos­to­muo­to­ja ovat JPEG, PNG, SVG ja GIF.

Vaikka iLoveIMG:llä on vain yksi ole­tus­pak­kaus­moo­di, työkalu tarjoaa useita erilaisia vien­ti­vaih­toeh­to­ja. Tulokset voidaan ladata pai­kal­li­sel­le kiin­to­le­vyl­le, mutta ne voidaan myös ladata Google Driveen ja Drop­boxiin sekä välittää pa­kat­tu­jen kuvien la­taus­link­ki. Jos et ole tyy­ty­väi­nen pak­kaus­tu­lok­seen, voit poistaa sen yk­sin­ker­tai­ses­ti nap­saut­ta­mal­la ros­ka­ko­ri­ku­va­ket­ta.

Vaih­toeh­to 2: Pakkaa kuvat Pho­tos­ho­pil­la

Voit myös pakata kuvasi am­mat­ti­mai­sil­la ku­van­kä­sit­te­ly­oh­jel­mil­la. En­sin­nä­kin Photoshop on epäi­le­mät­tä alan johtava ohjelma. Luovan suun­nit­te­lun ja va­lo­ku­va­ma­te­ri­aa­lin op­ti­moin­nin toi­min­to­jen lisäksi Adobe-työkalu tarjoaa erilaisia vaih­toeh­to­ja ku­va­muo­don muut­ta­mi­seen ja kuvan koon sää­tä­mi­seen. Adobe on ottanut käyttöön eri­tyi­ses­ti verk­ko­si­vus­toil­le tar­koi­tet­tu­jen va­lo­ku­vien ja kuvien op­ti­moin­tia varten vaih­toeh­don ”Tallenna web-käyttöön”, joka on erityisen käy­tän­nöl­li­nen verk­ko­si­vus­to­jen yl­lä­pi­tä­jil­le. Tässä tilassa voidaan pakata paitsi tärkeät web-formaatit GIF, PNG, WebP ja JPEG myös mo­bii­li­lait­teil­le suun­ni­tel­tu ras­te­rigra­fiik­ka­for­maat­ti WBMP (Wireless Bitmap).

Heti kun muokkaat kuvaa Pho­tos­ho­pin web-op­ti­moin­ti­ti­las­sa, avautuu uusi ikkuna, jossa voit paitsi asettaa mää­ri­tel­lyt koh­de­for­maa­tit, myös optimoida haluamasi kuvan verk­ko­si­vus­tol­le­si sopivaksi vä­ri­sy­vyy­den ja koon suhteen. Esi­kat­se­luik­ku­nas­sa Adobe-työkalu vertaa al­ku­pe­räis­tä kuvaa ja koh­de­ku­vaa (mukaan lukien ab­so­luut­ti­set tie­dos­to­ko­ko­tie­dot), joten voit helposti nähdä eron joka kerta, kun pakkaat kuvaa.

Vaih­toeh­to 3: Pakkaa kuvat il­mai­sil­la ja avoimen läh­de­koo­din oh­jel­mil­la

Pho­tos­ho­pin avulla kuvien pak­kaa­mi­nen on erittäin kätevää työ­pöy­tä­so­vel­luk­sil­la. Ne tarjoavat ole­tusar­voi­ses­ti huo­mat­ta­vas­ti enemmän toi­min­to­ja, mutta niillä on myös etu verk­ko­työ­ka­lui­hin ver­rat­tu­na, koska niitä voidaan käyttää ilman in­ter­ne­tyh­teyt­tä. Jos haluat pienentää verk­ko­si­vus­to­si kuvien kokoa, sinun ei kui­ten­kaan tarvitse vält­tä­mät­tä käyttää premium-ratkaisua, kuten Adoben tuotetta tai muuta mak­sul­lis­ta vaih­toeh­toa. Jos bud­jet­ti­si on tiukka tai et ole kiin­nos­tu­nut mo­ni­mut­kai­sem­mis­ta muok­kauso­mi­nai­suuk­sis­ta, freeware- tai avoimen läh­de­koo­din ohjelma voi auttaa sinua saa­vut­ta­maan en­si­luok­kai­sia op­ti­moin­ti­tu­lok­sia va­lo­ku­vien, kuvien jne. osalta. Mutta mitkä monista il­mai­sis­ta työ­ka­luis­ta ovat todella suo­si­tel­ta­via?

IrfanView

Vuodesta 1996 lähtien ku­van­kat­se­luoh­jel­ma IrfanView on ollut yksi suo­si­tuim­mis­ta il­mai­sis­ta oh­jel­mis­tois­ta Windows-tie­to­ko­neil­le. Ke­hit­tä­jän mukaan työkalu ladataan kes­ki­mää­rin miljoona kertaa kuu­kau­des­sa! Tämä vai­kut­ta­va luku johtuu to­den­nä­köi­ses­ti sen hou­kut­te­le­vas­ta li­sens­si­mal­lis­ta: se on täysin ilmainen hen­ki­lö­koh­tai­seen käyttöön, kun taas kau­pal­li­seen käyttöön tarvitaan lisenssi, jonka hinta on vain kak­si­nu­me­roi­nen summa.

Ole­tusar­voi­ses­ti ku­van­kat­se­luoh­jel­ma tukee lukuisia ku­va­muo­to­ja, kuten PNG, JPEG, GIF, BMP, WebP ja monia muita. Kun kuva on lisätty, se voidaan milloin tahansa muuntaa näihin muotoihin. Kun kyseessä on kuvien pak­kaa­mi­nen eri­tyi­ses­ti verkkoa varten, suo­si­tel­laan kuitenkin lisäosana saatavaa ”Save for Web” -toimintoa. Tämän laa­jen­nuk­sen avulla voit optimoida kuvia ja valokuvia ja säätää liu­kusää­ti­mel­lä, kuinka paljon al­ku­pe­räi­sen kuvan laatua haluat säilyttää. Esi­kat­se­lu­ku­va ja pakatun tiedoston koko antavat sinulle kä­si­tyk­sen siitä, miltä lop­pu­tu­los tulee näyt­tä­mään.

GIMP

Kun etsit avoimen läh­de­koo­din Photoshop-vaih­toeh­to­ja, tulet väis­tä­mät­tä koh­taa­maan GIMP:n (GNU Image Ma­ni­pu­la­tion Program). Vuonna 1998 julkaistu gra­fiik­kaoh­jel­ma Linuxille, macOS:lle ja Win­dow­sil­le on jo vuosia tehnyt vai­ku­tuk­sen mo­ni­puo­lis­ten toi­min­to­jen­sa ansiosta, jotka ovat hyvin sa­man­kal­tai­sia kuin Adoben kau­pal­li­sen mallin toiminnot. Se tukee nyt yli kol­me­kym­men­tä tie­dos­to­muo­toa, mukaan lukien GIF, WebP, JPEG ja PNG, jotka ovat tärkeitä tie­dos­to­muo­to­ja verkossa. Tämä tar­koit­taa, että voit milloin tahansa muuntaa ku­va­tie­dos­to­si johonkin näistä verk­ko­tie­dos­to­muo­dois­ta GIMP-oh­jel­mis­ton avulla.

Kuvien muun­ta­mi­sen pie­nem­pään tie­dos­to­muo­toon lisäksi GIMP tarjoaa myös edis­ty­nei­tä vien­ti­vaih­toeh­to­ja, joiden avulla voit helposti pakata kuvia. Aseta pak­kausas­te liu­kusää­ti­mel­lä. Laa­jen­ne­tut vaih­toeh­dot ovat myös käy­tän­nöl­li­siä: jos esi­mer­kik­si aktivoit ”Progres­si­ve”-omi­nai­suu­den, tulos on hieman suurempi, mutta yk­sit­täi­set alueet ladataan tietyssä jär­jes­tyk­ses­sä, joten jo lyhyen la­tausa­jan jälkeen näkyviin tulee karkea näkymä koko kuvasta.

PNG­Gaunt­let

Ilmainen PNG­Gaunt­let-ohjelma tarjoaa graafisen käyt­tö­liit­ty­män kolmelle avoimen läh­de­koo­din työ­ka­lul­le, PNGOUT, OptiPNG ja DeflOpt, jotka on kehitetty PNG-muo­tois­ten kuvien op­ti­moin­tiin ja pak­kaa­mi­seen. Sovellus, joka on saatavana vain Win­dow­sil­le, on siten täy­del­li­nen ratkaisu hyvin pienten logojen, grafiikan ja tekstien luomiseen PNG-muodossa verk­kopro­jek­tia­si varten. PNG-muodon lisäksi myös JPEG, GIF, TIFF ja BMP ovat mah­dol­li­sia tu­los­tus­muo­to­ja pakkaus- tai muun­ta­mispro­ses­sis­sa.

PNG­Gaunt­let-oh­jel­mal­la voit pakata kuvia kahdella tavalla. Voit käyttää va­kio­ase­tuk­sia li­sää­mäl­lä yhden tai useamman kuvan ja pai­na­mal­la sitten “Optimize!”-pai­ni­ket­ta, tai voit ensin valita yk­si­löl­li­set asetukset sää­tä­mäl­lä kolmen käy­tet­tä­vis­sä olevan työkalun asetuksia nap­saut­ta­mal­la sa­man­ni­mis­tä pai­ni­ket­ta. Riip­pu­mat­ta siitä, kumman tavan valitset, ilmainen työkalu näyttää ku­va­tie­dos­to­jen uuden koon ( ver­rat­tu­na al­ku­pe­räi­seen) pro­sent­tei­na, kun pakkaus on on­nis­tu­nut.

Ima­geOp­tim

Jos haluat pakata web-pro­jek­ti­si kuvat ja valokuvat ja tarvitset avoimen läh­de­koo­din työkalun macOS-käyt­tö­jär­jes­tel­mäl­le, suo­sit­te­lem­me Kornel Lesinskin Ima­geOp­tim-ohjelmaa. Tämä GPL-li­sen­soi­tu ohjelma yhdistää useita ku­va­nop­ti­moin­ti­työ­ka­lu­ja, kuten MozJPEG, pngquant ja SVGO, joiden avulla voit paitsi poistaa tar­peet­to­mat EXIF-me­ta­tie­dot myös pakata erilaisia ku­va­muo­to­ja, kuten JPEG, SVG, GIF ja PNG.

Vedä ja pudota -toi­min­nol­la voit sijoittaa haluamasi ku­va­tie­dos­tot Ima­geOp­ti­miin, jossa ohjelma alkaa pakata niitä vä­lit­tö­mäs­ti. Voit kuitenkin milloin tahansa muuttaa asetuksia, säätää pak­kausas­tet­ta ja lisätä tai poistaa vaih­toeh­to­ja. Jatka nap­saut­ta­mal­la kolmea pistettä. Sen jälkeen napsauta “Uudelleen” suo­rit­taak­se­si muun­nok­sen vielä kerran.