Su­spaus­tos nuo­trau­kos turi ypač teigiamą poveikį svetainės įkėlimo laikui. Bet kaip suspausti nuo­trau­kas taip, kad būtų kuo mažiau pra­ran­da­ma kokybė – be pastebimo kokybės praradimo? Ir kokios galimybės yra tai pasiekti? Šiame vadove pa­teik­si­me aiškų nuotraukų su­spau­di­mo įrankių apžvalgą.

Kodėl turėčiau suspausti savo vaizdus?

Šiais laikais aukštos raiškos vaizdai ir nuo­trau­kos yra įprasti. Skait­me­ni­nė­je fo­to­gra­fi­jo­je pikselių skaičius ir failų dydis didėja. Nesvarbu, ar įkeliate vaizdus į savo svetainę, ar tiesiog siunčiate juos elekt­ro­ni­niu paštu, visada svarbu, kad failų dydis būtų kuo mažesnis. Atminkite, kad kuo mažesnis failas, tuo mažiau laiko užtrunka jo per­da­vi­mas. Tai naudinga dėl dviejų prie­žas­čių:

  • Greitas įkėlimo procesas didina lankytojų pa­si­ten­ki­ni­mą (ypač nau­do­to­jams, tu­rin­tiems mobilųjį internetą).
  • Greitas įkėlimas turi teigiamą poveikį paieškos sistemų rei­tin­gams.

Tinkamas duomenų formatas in­ter­ne­ti­niams vaizdams

Prieš tal­pin­da­mi vaizdus internete, tu­rė­tu­mė­te pa­tik­rin­ti vaizdo failo formatą. Ne kiek­vie­nas grafinis formatas tinka naudoti internete. Čia pa­tei­kia­mi penki formatų tipai, kuriuos galima naudoti:

  • JPG/JPEG: JPG yra vienas iš daž­niau­siai naudojamų vaizdo formatų. Jis gali rodyti 16,7 milijono spalvų ir pasižymi dideliu su­spau­di­mo ko­e­fi­ci­en­tu. JPG formatas daž­niau­siai nau­do­ja­mas nuo­trau­koms ar nuo­trau­koms panašiems grafikos ele­men­tams išsaugoti, ypač tiems, kuriuose yra daug skirtingų spalvų ir ryškių kontrastų.
  • PNG: Šis formatas gali atkurti nuo 256 (PNG8) iki 16,7 milijono (PNG24) skirtingų spalvų ir gali būti nau­do­ja­mas internete. Skir­tin­gai nei JPG, šis formatas gali būti su­spau­džia­mas be jokio kokybės praradimo. PNG failai puikiai tinka grafikos, logotipų ir tekstų iš­sau­go­ji­mui. Vaizdai, kuriuose yra nedaug spalvų, gali būti su­spau­džia­mi į failus, kurių dydis yra tik dalis ori­gi­na­laus vaizdo dydžio.
  • WebP: WebP yra modernus vaizdo formatas, sukurtas „Google“, siekiant už­tik­rin­ti geresnį su­spau­di­mą, išlaikant aukštą vaizdo kokybę. Jis palaiko tiek pra­ran­da­mą­jį, tiek ne­pra­ran­da­mą­jį su­spau­di­mą, todėl failų dydis yra mažesnis nei JPEG ir PNG. Dėka efektyvių algoritmų, tokių kaip prog­no­zuo­ja­ma­sis kodavimas, WebP gali suspausti vaizdus iki 30 % ma­žes­niais nei JPEG, išlaikant panašią kokybę. Šis formatas taip pat palaiko skaidrumą (alfa kanalą) ir ani­ma­ci­jas, todėl yra uni­ver­sa­li al­ter­na­ty­va PNG ir GIF.
  • SVG: SVG (Scalable Vector Graphics) yra XML pagrįstas vaizdo formatas, nau­do­ja­mas vek­to­ri­nei grafikai. Kadangi jis remiasi ma­te­ma­ti­niais formų ir linijų ap­ra­šy­mais, vaizdo kokybė išlieka ne­pa­ki­tu­si ne­pri­klau­so­mai nuo mastelio. Skir­tin­gai nuo pikselių pagrįstų formatų, SVG failų dydį galima smarkiai sumažinti pa­pras­tais kodo op­ti­mi­za­vi­mais ir gzip su­spau­di­mu, ne­pa­ken­kiant vaizdo kokybei. SVG ypač tinka lo­go­ti­pams, pik­to­g­ra­moms ir iliust­ra­ci­joms internete.
  • GIF: GIF failai vis dar yra gana paplitę internete, nors jie gali rodyti tik 256 spalvas. Tai dau­giau­sia dėl to, kad GIF formatas palaiko trumpas ani­ma­ci­jas, sudarytas iš vaizdų sekos, kurios yra ypač po­pu­lia­rios so­cia­li­nė­je ži­nias­klai­do­je ir panašiose plat­for­mo­se.

1 variantas: suspausti vaizdus internete

Jei norite suspausti vaizdus be spe­cia­lios prog­ra­mi­nės įrangos, galite lengvai op­ti­mi­zuo­ti vaizdus internete. Tam internete yra įvairių pasiūlymų, kurie leidžia suspausti vaizdus nemokamai. Įrankiai paprastai skiriasi pagal galimus failų formatus ir su­spau­di­mo laipsnį, be to, dažnai yra ap­ri­bo­ji­mų dėl galimo su­spau­di­mų skaičiaus. Kai kurie iš geriausių sprendimų pa­tei­kia­mi toliau.

Op­ti­mi­zil­la

Mediafox Marketing in­ter­ne­ti­nė priemonė Op­ti­mi­zil­la leidžia vienu metu įkelti ir suspausti iki 20 vaizdų. Vaizdai turi būti JPEG arba PNG formatu. In­ter­ne­ti­nė programa naudoja įvairių su­spau­di­mo algoritmų derinį, kurie pasižymi geru su­spau­di­mo ir vaizdo kokybės santykiu. Slankiklį galite naudoti norėdami nustatyti su­spau­di­mo laipsnį prieš at­si­siųs­da­mi re­zul­ta­tus atskirai arba kartu kaip ZIP failą.

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

Kad ga­lė­tu­mė­te rasti ge­riau­sius galimus nu­sta­ty­mus, „Op­ti­mi­zil­la“ pateikia originalo ir su­spaus­tos versijos mi­nia­tiū­ras. Be to, įrankis nurodo ati­tin­ka­mą failo dydį. Visi įkelti vaizdai po valandos au­to­ma­tiš­kai ištrinami iš tiekėjo serverių.

Pri­va­lu­mai Trūkumai
Re­gu­liuo­ja­mas su­spau­di­mo ko­e­fi­cien­tas Ribojamas iki 20 su­spau­di­mų vienu metu
Originalo ir re­da­guo­tos versijos mi­nia­tiū­rų peržiūra

TinyPNG

TinyPNG, prie­šin­gai nei galima spręsti iš pa­va­di­ni­mo, leidžia suspausti ne tik PNG failus, bet ir JPEG bei WebP failus. Ne­mo­ka­mo­je stan­dar­ti­nė­je versijoje galima op­ti­mi­zuo­ti iki 20 šių trijų formatų vaizdų vienu metu, o mak­si­ma­lus vieno vaizdo failo dydis yra ribojamas iki 5 megabaitų.

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 per­cen­ta­ge).

„Voormedia“ įrankis turi iš anksto nustatytą su­spau­di­mo lygį, kurio negalima keisti, tačiau jis sumažina vaizdo dydį iki 80 %. Naudokite „drag-and-drop“ funkciją, kad perkelti norimas nuo­trau­kas į rodomą sritį, tada at­si­sių­s­ki­te re­zul­ta­tus JPEG arba PNG formatu arba ZIP failu. Taip pat galite įkelti į debesų saugyklos paslaugą „Dropbox“.

Pri­va­lu­mai Trūkumai
Re­zul­ta­tai gali būti įkelti į „Dropbox“ Ribojimas iki 20 vienu metu atliekamų su­spau­di­mų ir 5 megabaitų failo dydžio (stan­dar­ti­nė­je versijoje)
Su­spau­di­mo lygis nėra re­gu­liuo­ja­mas

iLoveIMG

iLoveIMG yra vi­sa­pu­siš­kas naudingų vaizdų re­da­ga­vi­mo įrankių rinkinys internete. Bar­se­lo­no­je įsikūrusi kūrėjų komanda siūlo programas, lei­džian­čias apkarpyti, keisti vaizdų dydį, kon­ver­tuo­ti ir net suspausti vaizdus. Norėdami suspausti vaizdą, pa­si­rin­ki­te „Suspausti VAIZDĄ“ ir įdėkite norimą vaizdą naudodami „drag-and-drop“ funkciją arba failų naršyklę. Galimi formatai: JPEG, PNG, SVG ir GIF.

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

Nors „iLoveIMG“ turi tik vieną nu­ma­ty­tą­jį su­spau­di­mo režimą, šis įrankis siūlo keletą skirtingų eksporto parinkčių. Re­zul­ta­tus galima ne tik at­si­siųs­ti į vietinį kietąjį diską, bet ir įkelti į „Google Drive“ bei „Dropbox“, taip pat persiųsti suspaustų vaizdų at­si­siun­ti­mo nuorodą. Jei su­spau­di­mo re­zul­ta­tas jūsų netenkina, galite jį tiesiog ištrinti, spus­te­lė­da­mi šiukš­li­nės pik­to­g­ra­mą.

Pri­va­lu­mai Trūkumai
Re­zul­ta­tai gali būti įkelti į „Google Drive“ ir „Dropbox“ Tik vienas su­spau­di­mo režimas
Yra papildomų įrankių ap­kar­py­mui, mastelio keitimui ir kon­ver­ta­vi­mui Nėra peržiūros funkcijos

2 variantas: su­spau­džia­me vaizdus naudodami „Photoshop“

Taip pat galite suspausti vaizdus naudodami pro­fe­sio­na­lias vaizdų ap­do­ro­ji­mo programas. Visų pirma, „Photoshop“ ne­abe­jo­ti­nai yra šios srities lyderis. Be kūrybinio dizaino ir fo­to­gra­fi­jos medžiagos op­ti­mi­za­vi­mo funkcijų, „Adobe“ įrankis siūlo įvairias galimybes keisti vaizdo formatą ir re­gu­liuo­ti vaizdo dydį. „Save for Web“ parinktis, kurią „Adobe“ įdiegė spe­cia­liai nuotraukų ir vaizdų op­ti­mi­za­vi­mui tink­la­la­piams, yra ypač praktiška tink­la­la­pių ope­ra­to­riams. Šiame režime galima suspausti ne tik svarbius tink­la­la­pių formatus GIF, PNG, WebP ir JPEG, bet ir rastro grafikos formatą WBMP (Wireless Bitmap), kuris yra skirtas mo­bi­lie­siems įren­gi­niams.

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

Kai tik re­da­guo­si­te vaizdą „Photoshop“ tinklo op­ti­mi­za­vi­mo režimu, atsivers naujas langas, kuriame galėsite ne tik nustatyti nurodytus tiks­li­nius formatus, bet ir op­ti­mi­zuo­ti norimą vaizdą savo tink­la­la­piui pagal spalvų gylį ir dydį. Peržiūros lange „Adobe“ įrankis palygina originalų ir tiks­li­nius vaizdus (įskaitant ab­so­liu­čią failo dydžio in­for­ma­ci­ją), todėl kiekvieną kartą su­spau­džiant vaizdą galite lengvai pamatyti skirtumą.

Pri­va­lu­mai Trūkumai
Iki trijų su­spau­di­mo rezultatų peržiūra realiuoju laiku Rei­ka­lau­ja didelės kom­piu­te­ri­nės galios
Įvairios vaizdo re­da­ga­vi­mo funkcijos Didelės išlaidos

3 variantas: su­spau­džia­mi vaizdai naudojant nemokamas ir atviro kodo programas

Naudojant „Photoshop“, labai patogu suspausti vaizdus su dar­ba­lau­kio prog­ra­mo­mis. Jos ne tik siūlo žymiai daugiau funkcijų pagal nu­ma­ty­tuo­sius nu­sta­ty­mus, bet ir turi pranašumą prieš in­ter­ne­ti­nes priemones, nes jas galima naudoti be interneto ryšio. Tačiau jei norite sumažinti savo svetainės vaizdų dydį, nebūtinai turite naudoti aukš­čiau­sios kokybės spren­di­mus, pvz., „Adobe“ produktą ar kitą mokamą al­ter­na­ty­vą. Jei turite ribotą biudžetą arba ne­si­do­mi­te su­dė­tin­ges­nė­mis re­da­ga­vi­mo funk­ci­jo­mis, nemokama arba atviro kodo programa gali padėti pasiekti puikių op­ti­mi­za­vi­mo rezultatų, kai kalbama apie nuo­trau­kas, vaizdus ir pan. Bet kurias iš daugybės nemokamų priemonių iš tiesų verta re­ko­men­duo­ti?

IrfanView

Nuo 1996 m. vaizdų peržiūros programa „IrfanView“ yra viena iš po­pu­lia­riau­sių nemokamų programų, skirtų „Windows“ kom­piu­te­riams. Pasak kūrėjo, ši programa vi­du­ti­niš­kai at­si­siun­čia­ma apie milijoną kartų per mėnesį! Šį įspūdingą skaičių grei­čiau­siai lemia pa­trauk­lus li­cen­ci­ja­vi­mo modelis: as­me­ni­niam nau­do­ji­mui programa yra visiškai nemokama, o ko­mer­ci­niam nau­do­ji­mui rei­ka­lin­ga licencija, kurios kaina yra tik dviejų skaitmenų suma.

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.

Pagal nu­ma­ty­tuo­sius nu­sta­ty­mus vaizdų peržiūros programa palaiko daugybę vaizdų formatų, pvz., PNG, JPEG, GIF, BMP, WebP ir daugelį kitų. Įterpus vaizdą, jį bet kuriuo metu galima kon­ver­tuo­ti į šiuos formatus. Tačiau, kai reikia suspausti vaizdus spe­cia­liai ži­nia­tink­liui, re­ko­men­duo­ja­ma naudoti funkciją „Save for Web“ (Išsaugoti ži­nia­tink­liui), kurią galima pridėti per papildinį. Šis pa­pil­di­nys leidžia op­ti­mi­zuo­ti vaizdų ir nuotraukų rinkinį, o slankiklį naudoti norint nustatyti, kiek turi būti išlaikyta ori­gi­na­laus vaizdo kokybė. Peržiūros vaizdas ir suspausto failo dydis leidžia su­si­da­ry­ti įspūdį apie galutinį rezultatą.

Pri­va­lu­mai Trūkumai
Galimas steko ap­do­ro­ji­mas Su­spau­di­mo įskiepis pri­ei­na­mas tik anglų kalba
Peržiūros funkcija ir re­gu­liuo­ja­mas su­spau­di­mo lygis

GIMP

Ieškodami atvirojo kodo Photoshop al­ter­na­ty­vų, ne­iš­ven­gia­mai su­si­dur­si­te su GIMP (GNU Image Ma­ni­pu­la­tion Program). Ši grafikos programa, skirta Linux, macOS ir Windows ope­ra­ci­nėms sistemoms, buvo išleista 1998 m. ir jau daugelį metų žavi var­to­to­jus savo funk­cio­na­lu­mu, kuris labai panašus į ko­mer­ci­nio Adobe modelio funk­cio­na­lu­mą. Dabar ji palaiko daugiau nei tris­de­šimt failų formatų, įskaitant GIF, WebP, JPEG ir PNG, kurie yra svar­biau­si formatai ži­nia­tink­liui. Tai reiškia, kad naudodami GIMP prog­ra­mi­nę įrangą bet kuriuo metu galite kon­ver­tuo­ti savo vaizdo failus į vieną iš šių ži­nia­tink­lio formatų.

Image: Screenshot of GIMP
Exporting image as WebP with GIMP

Be vaizdų kon­ver­ta­vi­mo į mažesnį failo formatą, GIMP taip pat siūlo iš­plės­ti­nes eksporto parinktis, lei­džian­čias lengvai suspausti vaizdus. Naudokite slankiklį, kad nu­sta­ty­tu­mė­te su­spau­di­mo laipsnį. Iš­plės­ti­nės parinktys taip pat yra prak­tiš­kos: pa­vyz­džiui, jei ak­ty­vuo­si­te „Pro­g­res­si­ve“ savybę, re­zul­ta­tas bus šiek tiek didesnis, bet atskiri plotai bus įkelti tam tikra tvarka, todėl net po trumpo įkėlimo laiko bus rodomas apy­tiks­lis viso vaizdo vaizdas.

Pri­va­lu­mai Trūkumai
Atviro kodo Per­žiū­ro­je rodomas tik rezultato failo dydis
Su­spau­di­mo laipsnis yra re­gu­liuo­ja­mas

PNG­Gaunt­let

Nemokama programa „PNG­Gaunt­let“ suteikia grafinę vartotojo sąsają su trimis atvirojo kodo įrankiais „PNGOUT“, „OptiPNG“ ir „DeflOpt“, kurie buvo sukurti PNG formato vaizdų op­ti­mi­za­vi­mui ir su­spau­di­mui. Ši programa, kuri yra prieinama tik „Windows“ ope­ra­ci­nei sistemai, yra puikus spren­di­mas, norint sukurti labai mažus logotipus, grafiką ir užrašus PNG formatu jūsų in­ter­ne­ti­niam projektui. Be paties PNG formato, su­spau­di­mo ar kon­ver­ta­vi­mo procese taip pat galima naudoti JPEG, GIF, TIFF ir BMP formatus.

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

Yra du būdai, kaip suspausti vaizdus naudojant PNG­Gaunt­let. Galite naudoti stan­dar­ti­nius nu­sta­ty­mus įterpdami vieną ar kelis vaizdus ir paspaudę „Optimize!“ (Op­ti­mi­zuo­ti!), arba galite pir­miau­sia pa­si­rink­ti in­di­vi­dua­lius nu­sta­ty­mus, ko­re­guo­da­mi trijų įdiegtų įrankių pa­ra­met­rus, spus­te­lė­da­mi to paties pa­va­di­ni­mo mygtuką. Ne­pri­klau­so­mai nuo to, kurį būdą pa­si­rink­si­te, nemokama programa parodys naują vaizdo failo (-ų) dydį (palyginti su originalu) pro­cen­tais po sėkmingo su­spau­di­mo.

Pri­va­lu­mai Trūkumai
Paprastas stekų ap­do­ro­ji­mas Nėra peržiūros režimo
Galima in­di­vi­dua­li­zuo­ti su­spau­di­mo lygį Ribotas išvesties formatas – tik PNG
Naujausia versija yra iš 2012 m.

Ima­geOp­tim

Jei norite suspausti savo in­ter­ne­ti­nio projekto vaizdus ir nuo­trau­kas ir jums rei­ka­lin­ga atviro kodo programa, skirta „macOS“ ope­ra­ci­nei sistemai, re­ko­men­duo­ja­me Kornel Lesinski sukurtą „Ima­geOp­tim “. Ši GPL licencija apsaugota programa apjungia keletą vaizdų op­ti­mi­za­vi­mo įrankių, tokių kaip „MozJPEG“, „pngquant“ ir „SVGO“, lei­džian­čių ne tik pašalinti ne­rei­ka­lin­gus EXIF me­ta­duo­me­nis, bet ir suspausti įvairius vaizdų formatus, pvz., JPEG, SVG, GIF ir PNG.

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

Naudodami „drag-and-drop“ funkciją, galite įdėti norimus vaizdo failus į Ima­geOp­tim, kur programa iš karto pradės juos suspausti. Tačiau bet kuriuo metu galite keisti nu­sta­ty­mus, re­gu­liuo­ti su­spau­di­mo lygį ir pridėti arba pašalinti parinktis. Tiesiog spus­te­lė­ki­te tris taškelius, kad tęstumėte. Po to tiesiog spus­te­lė­ki­te „Vėl“, kad kon­ver­si­ją at­lik­tu­mė­te dar kartą.

Pri­va­lu­mai Trūkumai
Įvairios su­spau­di­mo funkcijos Nėra peržiūros režimo
Atviro kodo
Go to Main Menu