Komp­res­see­ri­tud pildid mõjutavad eriti po­si­tiiv­selt veebilehe laa­di­mis­aega. Kuid kuidas komp­res­see­rida pilte või­ma­li­kult kadudeta, ilma märgatava kva­li­teedi kaotuseta? Ja millised või­ma­lu­sed selle saa­vu­ta­miseks on olemas? Selles juhendis anname teile selge ülevaate pil­di­komp­res­see­ri­mise töö­riis­ta­dest.

Miks peaksin oma pilte komp­res­see­rima?

Tä­na­päe­val on kõrge re­so­lut­sioo­niga pildid ja fotod tavalised. Di­gi­taal­fo­tograa­fias suu­re­ne­vad pikslite arv ja failide suurus. Kas laadite pilte oma vee­bi­sai­dile üles või saadate neid lihtsalt e-postiga, on alati oluline hoida failide suurus või­ma­li­kult väike. Pange tähele, et mida väiksem on fail, seda vähem aega kulub selle edas­ta­miseks. See on kasulik kahel põhjusel:

  • Kiire laa­di­mis­prot­sess suurendab kü­las­ta­jate rahulolu (eriti mobiilse in­ter­ne­ti­ühen­du­s­ega ka­su­ta­jate puhul).
  • Kiire laa­di­mis­aeg mõjub po­si­tiiv­selt ot­sin­gu­moo­tori rei­tin­gule

Õige and­me­vor­ming vee­bi­piltide jaoks

Enne piltide veebis aval­da­mist peaksite kont­rol­lima pil­di­faili formaati. Mitte iga graa­fi­line formaat ei sobi in­ter­ne­ti­ka­su­tuseks. Siin on viis formaati, mida saab kasutada:

  • JPG/JPEG: JPG on üks le­vi­nu­maid pil­di­for­maate. See suudab kuvada 16,7 miljonit värvi ja pakub head pak­ki­mis­as­tet. JPG-faile ka­su­ta­takse peamiselt fotode või fotode sarnaste graa­fi­kate sal­ves­ta­miseks, eriti selliste, millel on palju erinevaid värve ja tugevaid kontraste.
  • PNG: See formaat suudab kuvada 256 (PNG8) kuni 16,7 miljonit (PNG24) erinevat värvi ja seda saab kasutada veebis. Erinevalt JPG-failidest saab seda formaati pakkida ilma kva­li­teeti oh­ver­da­mata. PNG-failid sobivad hästi graafika, logode ja tekstide sal­ves­ta­miseks. Väheste värvidega pilte saab pakkida failideks, mis on vaid murdosa pildi algsest suurusest.
  • WebP: WebP on Google’i poolt välja töötatud kaasaegne pil­di­for­maat, mis pakub paremat pakkimist, säi­li­ta­des samal ajal kõrge pil­dik­va­li­teedi. See toetab nii kadudega kui ka kadudeta pakkimist, mille tu­le­mu­seks on JPEG- ja PNG-vor­min­gu­tega võrreldes väiksemad fai­li­suu­ru­sed. Tänu tõ­hu­satele algo­ritmi­dele, nagu ennustav ko­dee­ri­mine, suudab WebP pakkida pilte kuni 30% väik­se­maks kui JPEG sarnase kva­li­tee­diga. Vorming toetab ka lä­bi­paist­vust (alfakanal) ja ani­mat­sioone, mis teeb sellest mit­me­külgse al­ter­na­tiivi PNG- ja GIF-vor­min­gu­tele.
  • SVG: SVG (Scalable Vector Graphics) on XML-põhine pil­di­for­maat, mida ka­su­ta­takse vek­tor­graa­fika jaoks. Kuna see tugineb kujundite ja joonte ma­te­maa­ti­li­sele kir­jel­dusele, jääb pildi kvaliteet muu­tu­ma­tuks olenemata suu­ren­da­mi­sest. Erinevalt pik­se­li­põ­his­test for­maa­ti­dest saab SVG-faile lihtsa koodi op­ti­mee­ri­mise ja gzip-pakkimise abil oluliselt vähendada, ilma et see mõjutaks vi­suaal­set kva­li­teeti. SVG on eriti sobiv veebis ka­su­ta­ta­vate logode, ikoonide ja il­lust­rat­sioo­nide jaoks.
  • GIF: GIF-failid on veebis endiselt üsna levinud, kuigi need suudavad kuvada ainult 256 värvi. Seda peamiselt seetõttu, et GIF-vorming toetab lühikesi ani­mat­sioone, mis on tehtud pil­di­see­ri­ast ja on eriti po­pu­laar­sed sot­siaal­mee­dias ja sarnastel plat­vormi­del.

Võimalus 1: Piltide komp­res­see­ri­mine veebis

Kui soovite pilte komp­res­see­rida ilma spet­siaal­set tarkvara ins­tal­li­mata, saate oma pilte hõlpsasti op­ti­mee­rida ka veebis. Selleks on veebis mitmeid pakkumisi, mis või­mal­da­vad neid tasuta komp­res­see­rida. Töö­riis­tad erinevad ta­va­li­selt kät­te­saa­da­vate fai­li­vor­min­gute ja võimalike komp­res­see­ri­mis­ta­se­mete poolest ning neil on sageli piirangud komp­res­see­ri­miste arvu osas. Mõned parimad la­hen­dused leiate järg­mis­test lõikudest.

Op­ti­mizilla

Mediafox Mar­ke­tingu vee­bi­töö­riist Op­ti­mizilla võimaldab üles laadida ja komp­res­see­rida kuni 20 pilti korraga. Pildid peavad olema JPEG- või PNG-vormingus. Vee­bi­ra­ken­dus kasutab erinevate komp­res­see­ri­mis­algo­ritmide kom­bi­nat­siooni, mida ise­loo­mus­tab hea komp­res­see­ri­mise ja pil­dik­va­li­teedi suhe. Liuguriga saate määrata komp­res­see­ri­mise astme, enne kui laadite tulemused alla ükshaaval või koos ZIP-failina.

Image: Image compression with Optimizilla
Once you’ve selected the desired comp­res­sion level, confirm it in Op­ti­mizilla by clicking ‘Apply’. In this example, the image size is reduced by 22 percent.

Et aidata teil leida parimad või­ma­li­kud seaded, pakub Op­ti­mizilla teile ori­gi­naali ja selle komp­res­see­ri­tud versiooni pisipilte. Lisaks näitab tööriist vastava faili suuruse. Kõik üleslaa­di­tud pildid kus­tu­ta­takse tee­nu­se­pak­kuja ser­ve­ri­test au­to­maat­selt ühe tunni möödudes.

Eelised Puudused
Re­gu­lee­ri­tav komp­res­sioo­ni­suhe Piiratud 20 komp­res­sioo­niga korraga
Ori­gi­naali ja re­di­gee­ri­tud versiooni pi­si­piltide eelvaade

TinyPNG

TinyPNG võimaldab – vas­tu­pi­di­selt oma nimele – mitte ainult PNG-failide, vaid ka JPEG- ja WebP-failide pakkimist. Tasuta stan­dard­ver­sioo­nis saate op­ti­mee­rida kuni 20 pilti neist kolmest for­maa­dist korraga, kusjuures ühe pildi mak­si­maalne fai­li­suu­rus on piiratud 5 mega­bai­diga.

Image: Screenshot of the TinyPNG website
After comp­res­sion, TinyPNG will display the new size of the image file(s) and the saved file size (as a pe­rcen­tage).

Voormedia töö­riis­tal on eel­de­fi­nee­ri­tud komp­res­sioo­ni­tase, mida ei saa muuta, kuid mis vähendab pildi suurust kuni 80%. Kasutage drag-and-drop funkt­siooni, et liigutada soovitud fotod ku­va­ta­vasse alasse ja seejärel laadige tulemused alla JPEG- või PNG-vormingus või ZIP-failina. Al­ter­na­tiivina võite need üles laadida pilve sal­ves­tus­tee­nu­sesse Dropbox.

Eelised Puudused
Tulemused saab üles laadida Dropboxi Piirang 20 sa­ma­aeg­sele pak­ki­misele ja 5 megabaidi fai­li­suu­ru­sele (stan­dard­ver­sioo­nis)
Pak­ki­mis­taset ei saa re­gu­lee­rida

iLoveIMG

iLoveIMG on terviklik vee­bi­põ­hine kasulike pil­di­tööt­lus­va­hen­dite komplekt. Barce­lo­nas asuv aren­dus­mees­kond pakub rakendusi, mis või­mal­da­vad pilte kärpida, suurust muuta, tei­sen­dada ja isegi pakkida. Viimase jaoks valige „Compress IMAGE” (Pildi pakkimine) ja lisage soovitud pil­di­ma­ter­jal lo­his­ta­mise või fai­lib­rau­seri abil. Või­ma­li­kud formaadid on JPEG, PNG, SVG ja GIF.

Image: Screenshot of image compression with iLoveIMG
After comp­res­sion, you can download the images with a simple click.

Kuigi iLoveIMG-l on ainult üks vaikimisi komp­res­sioo­ni­re­žiim, pakub see tööriist mitmeid erinevaid eks­por­di­või­ma­lusi. Tulemusi on võimalik mitte ainult ko­ha­li­kule kõ­va­ket­tale alla laadida, vaid ka Google Drive’i ja Dropboxi üles laadida ning edastada komp­res­see­ri­tud piltide al­la­laa­di­mis­lingi. Kui komp­res­sioo­ni­tu­le­mus ei ole rahuldav, saate selle lihtsalt prü­gi­kasti ikoonile klõpsates kustutada.

Eelised Puudused
Tulemused saab üles laadida Google Drive’i ja Dropboxi Ainult üks pak­ki­mis­re­žiim
Saadaval on täien­da­vad töö­riis­tad kär­pi­miseks, skaa­la­miseks ja tei­sen­da­miseks Eel­vaa­te­funkt­sioon puudub

Variant 2: Piltide komp­res­see­ri­mine Pho­tos­ho­piga

Saate oma pilte ka pro­fes­sio­naal­sete pil­di­tööt­lus­prog­rammide abil komp­res­see­rida. Es­ma­joo­nes on Photoshop kaht­le­mata valdkonna liider. Lisaks loo­min­gu­lise disaini ja fo­to­ma­ter­jali op­ti­mee­ri­mise funkt­sioo­ni­dele pakub Adobe’i tööriist mit­me­su­gu­seid võimalusi pildi formaadi muut­miseks ja pildi suuruse ko­han­da­miseks. Vee­bi­sai­tide haldajate jaoks on eriti prak­ti­line Adobe’i spet­siaal­selt vee­bi­sai­tide jaoks fotode ja piltide op­ti­mee­ri­miseks loodud valik „Save for Web” (Salvesta veebi jaoks). Selles režiimis saab komp­res­see­rida mitte ainult olulisi vee­bi­for­maate GIF, PNG, WebP ja JPEG, vaid ka mo­biil­sead­me­tele mõeldud raster­graa­fi­ka­for­maati WBMP (Wireless Bitmap).

RjA067CaQhY.jpg To display this video, third-party cookies are required. You can access and change your cookie settings here.

Niipea kui hakkate pilti Pho­tos­hopi vee­biop­ti­mee­ri­mise režiimis re­di­gee­rima, avaneb uus aken, kus saate mitte ainult määrata soovitud siht­for­maa­did, vaid ka op­ti­mee­rida soovitud pildi vär­vi­sü­ga­vuse ja suuruse osas oma vee­bi­sai­dile. Eel­vaa­teak­nas võrdleb Adobe’i tööriist ori­gi­naali ja sihtpilti (sh ab­so­luutse fai­li­suu­ruse teavet), nii et saate iga kord, kui pilti komp­res­see­rite, hõlpsasti vahet näha.

Eelised Puudused
Kuni kolme pak­ki­mis­tu­le­muse reaalajas eelvaade Nõuab suurt ar­vu­tus­võim­sust
Mit­me­su­gu­sed pil­di­tööt­lus­funkt­sioo­nid Kõrged kulud

3. võimalus: piltide pakkimine va­ba­va­raliste ja avatud läh­te­koo­diga prog­rammide abil

Pho­tos­ho­piga on väga mugav komp­res­see­rida pilte töölaua ra­ken­dus­tega. Need pakuvad mitte ainult mär­ki­mis­väär­selt rohkem funkt­sioone, vaid on ka vee­bi­töö­riis­ta­dest paremad, kuna neid saab kasutada ilma in­ter­ne­ti­ühen­dus­eta. Kui soovite oma vee­bi­saidi pilte vähendada, ei pea te tingimata kasutama premium-lahendust, nagu Adobe’i toode või mõni muu tasuline al­ter­na­tiiv. Kui teil on piiratud eelarve või te ei ole huvitatud kee­ru­ka­ma­test re­di­gee­ri­mis­funkt­sioo­ni­dest, võib vabavara või avatud läh­te­koo­diga programm aidata teil saavutada es­ma­klas­silisi op­ti­mee­ri­mis­tu­le­musi fotode, piltide jne puhul. Kuid millised paljudest tasuta töö­riis­ta­dest on te­ge­li­kult soo­vi­ta­ta­vad?

IrfanView

Alates 1996. aastast on pil­di­vaa­taja IrfanView olnud üks po­pu­laar­se­maid vabavara lahendusi Windows-ar­vu­ti­tele. Arendaja andmetel on selle tööriista keskmine al­la­laa­di­miste arv kuus umbes miljon! See mul­je­ta­val­dav number on tõe­näo­li­selt tingitud selle at­rak­tiiv­sest lit­sent­si­mu­de­list: isik­likuks ka­su­ta­miseks on see täiesti tasuta, kuid äriliseks ka­su­ta­miseks on vaja litsentsi, mille hind on vaid ka­he­ko­ha­line summa.

Image: Screenshot of IrfanView
If you save your image as a JPEG using the standard version of IrfanView (without plugins), you can easily adjust the quality using a slider.

Vaikimisi toetab pil­di­vaa­taja mitmeid pil­di­for­maate, nagu PNG, JPEG, GIF, BMP, WebP ja paljusid teisi. Kui pilt on lisatud, saab selle igal ajal nendesse for­maa­ti­desse kon­ver­tee­rida. Kui soovite pilte spet­siaal­selt veebi jaoks komp­res­see­rida, soovitame kasutada pluginaga lisatavat funkt­siooni „Save for Web” (Salvesta veebi jaoks). Selle laienduse abil saate op­ti­mee­rida piltide ja fotode kogu, kasutades liugurit, et re­gu­lee­rida ori­gi­naal­pildi kva­li­teedi säi­li­ta­mise astet. Eel­vaa­te­pilt ja komp­res­see­ri­tud faili suurus annavad teile ülevaate sellest, milline võib olla lõpp­tu­le­mus.

Eelised Puudused
Võimalik on pinu tööt­le­mine Komp­res­sioo­ni­pis­tik­prog­ramm on saadaval ainult inglise keeles
Eel­vaa­te­funkt­sioon ja re­gu­lee­ri­tav komp­res­sioo­ni­tase

GIMP

Kui otsite avatud läh­te­koo­diga sektori Pho­tos­hopi al­ter­na­tiive, siis satute pa­ra­ta­ma­tult kokku GIMP-iga (GNU Image Ma­ni­pu­la­tion Program). 1998. aastal välja antud Linuxi, macOS-i ja Windowsi graa­fi­kaprog­ramm on aastaid inimesi muljet avaldanud oma mit­me­külg­sete funkt­sioo­ni­dega, mis on väga sarnased Adobe kom­merts­mu­deli omadega. Nüüd toetab see enam kui kol­me­kümmet fai­li­vor­min­gut, seal­hul­gas GIF, WebP, JPEG ja PNG, mis on veebi jaoks olulised vormingud. See tähendab, et GIMP-i tarkvara abil saate oma pil­di­faile igal ajal ümber tei­sen­dada üheks neist vee­bi­vor­min­gu­test.

Image: Screenshot of GIMP
Exporting image as WebP with GIMP

Lisaks piltide tei­sen­da­misele väik­se­masse fai­li­vor­min­gusse pakub GIMP ka täius­ta­tud eks­por­di­või­ma­lusi, mis või­mal­da­vad pilte hõlpsasti kokku suruda. Kasutage liugurit, et määrata kok­ku­su­ru­mise aste. Ka laien­da­tud valikud on prak­ti­li­sed: näiteks kui ak­ti­vee­rite omaduse „Prog­res­sive”, on tulemus veidi suurem, kuid üksikud alad laa­di­takse kindlas jär­je­kor­ras, nii et isegi lühikese laadimise järel kuvatakse kogu pildi li­gi­kaudne vaade.

Eelised Puudused
Avatud lähtekood Eelvaade näitab ainult tulemuse faili suurust
Pak­ki­mis­as­tet saab re­gu­lee­rida

PNGGaunt­let

Tasuta programm PNGGaunt­let pakub graa­fi­list ka­su­ta­ja­lii­dest kolmele avatud läh­te­koo­diga töö­riis­tale PNGOUT, OptiPNG ja DeflOpt, mis on kõik loodud PNG-vormingus piltide op­ti­mee­ri­miseks ja pak­ki­miseks. See rakendus, mis on saadaval ainult Win­dow­sile, on seega ideaalne lahendus väga väikeste logode, graafika ja kirjade loomiseks PNG-vormingus vee­bi­pro­jek­tide jaoks. Lisaks PNG-vor­min­gule on pakkimis- või tei­sen­da­mis­prot­sessi väl­jund­vor­min­gu­tena või­ma­li­kud ka JPEG, GIF, TIFF ja BMP.

Image: Screenshot of the PNGGauntlet interface
If you tick ‘Overwrite Original Files’, PNGGaunt­let au­to­ma­tically replaces the original image with the newly created file.

PNGGaunt­le­tiga on pilte võimalik komp­res­see­rida kahel viisil. Saate kasutada stan­dard­sea­dis­tust, lisades ühe või mitu pilti ja vajutades seejärel nuppu „Optimize!”, või saate esmalt valida in­di­vi­duaalse sea­dis­tuse, re­gu­lee­ri­des kolme ra­ken­da­tud tööriista seadeid, klõpsates sa­ma­ni­me­li­sel nupul. Sõltumata sellest, millise viisi valite, näitab tasuta tööriist pärast edukat komp­res­see­ri­mist pildi(de) uue suuruse (võrreldes ori­gi­naa­liga) prot­sen­dina.

Eelised Puudused
Lihtne pinu tööt­le­mine Ei ole eelvaate režiimi
Komp­res­sioo­ni­ta­seme in­di­vi­dua­li­see­ri­mine on võimalik Väl­jund­for­maa­diks on ainult PNG
Viimane versioon on aastast 2012

Ima­geOp­tim

Kui soovite oma vee­bi­pro­jekti pilte ja fotosid komp­res­see­rida ning vajate selleks avatud läh­te­koo­diga tööriista macOS-ile, soovitame Kornel Lesinski loodud Ima­geOp­tim-i. See GPL-lit­sent­siga programm ühendab mitmeid pil­diop­ti­mee­ri­mise tööriistu, nagu MozJPEG, pngquant ja SVGO, mis võimaldab teil mitte ainult eemaldada mit­te­va­ja­likke EXIF-me­ta­da­taid, vaid ka komp­res­see­rida erinevaid pil­di­for­maate, nagu JPEG, SVG, GIF ja PNG.

Image: Screenshot of ImageOptim
Once you’ve dragged your file into the tool, the comp­res­sion process begins au­to­ma­tically. A green tick indicates that the comp­res­sion was success­ful.

Lo­his­ta­mise ja lo­his­ta­mise funkt­siooni abil saate soovitud pil­di­fai­lid paigutada Ima­geOp­ti­misse, kus programm hakkab neid kohe pakkima. Siiski saate igal ajal seadeid muuta, pak­ki­mis­taset kohandada ning valikuid lisada või eemaldada. Selleks klõpsake lihtsalt kolmele punktile. Seejärel klõpsake lihtsalt „Uuesti”, et tei­sen­da­mine veel kord läbi viia.

Eelised Puudused
Erinevad pak­ki­mis­funkt­sioo­nid Ei ole eelvaate režiimi
Avatud lähtekood
Go to Main Menu