Uz Full HD zaslone koji sada rade na minimalnom standardu, pa čak i na jeftinim pametnim telefonima koji sadrže najmanje pet megapikselnih kamera, lako je zaboraviti koliko je veličine slike bitno na webu. Kada netko napravi web-lokaciju, nevjerojatno je važno uzeti u obzir propusnost.
Iako jedna velika slika visoke razlučivosti možda ne predstavlja problem za suvremenu širokopojasnu vezu, punjenje web-lokacije visokokvalitetnim resursima može pretvoriti iskustvo pregledavanja u pravi drag. Osim toga, također morate platiti za otečen hosting troškove!
Ne samo da webmasteri moraju nositi sa slikama koje su prevelike. Ako ste nekome pokušali poslati neke fotografije e-poštom, ukupna veličina e-pošte može biti šokirana nakon što pošaljete 10 ili 20 snimaka. Zbog toga je online optimizator slika vaš najbolji prijatelj kada želite prenijeti, dijeliti ili ugostiti slike.
Ovo su četiri naša omiljena online optimizatora slike s bonusom izvanmrežnom opcijom uključenom za kada internet pada, ali vaši rokovi ne brinu! Također, obavezno pročitajte naš prethodni post na druge načine kako biste smanjili veličinu slike.
Postavljanje testa slike
Prije nego što uđemo u svaki kompresor slika, želim postaviti kako smo obavili test. To nije vrlo znanstveno ili prostranstvo; to je samo niz kompresija različitih kompresijskih motora i to je to.
Da bismo pokazali razliku koju čini format datoteke u smislu kompresije, koristili smo JPG sliku i PNG sliku. Ponekad možete komprimirati sliku puno bolje ako je spremite pomoću drugog formata. JPG slike najbolje odgovaraju slikama "stvarnih" ljudi, mjesta, stvari itd.
PNG slike su najprikladnije za ikone, tekst, snimke zaslona prozora na radnoj površini itd. Ovo je naša originalna JPG slika (91 KB):
I ovdje je naša originalna PNG slika (26 KB):
Kraken.io
Najbolja značajka Kraken.io je činjenica da nam daje izgovor da vičemo “oslobodite kraken!” Svaki put kad ga koristimo, ali osim toga, to je jedno od najbržih rješenja koje smo pokušali i jednostavno koristiti.
Postoji nekoliko plaćenih slojeva proizvoda, koji se razlikuju uglavnom po tome koliko gigabajta podataka možete obraditi mjesečno. Besplatno brzi web sučelje ne dopušta vam da promijenite veličinu slike ili koristite druge "Pro" značajke, ali to je jednostavan alat za povlačenje i ispuštanje koji možemo otkriti u samo nekoliko sekundi.
Najbolje od svega, možete staviti u red čekanja više datoteka odjednom za brzu grupnu obradu.
Možete i jednostavno uvesti slike s Google diska ili Dropboxa klikom. U našem testu, Kraken je smanjio veličinu naše JPG slike za oko 15% (78 KB) i naše PNG za oko 61% (10 KB).
Ovo je JPG slika nakon što smo izdali kraken:
Postoji određeni gubitak u kvaliteti, ali slika i dalje izgleda prilično dobro i vaša će web stranica biti optimizirana zahvaljujući optimizaciji. Ovdje je PNG slika nakon kompresije:
Kvaliteta komprimiranog PNG-a gotovo je identična originalu, zbog čega volim koristiti PNG format što je više moguće zbog njegove sposobnosti da se jako komprimira bez gubitka kvalitete.
Koristite Kraken.io na kraken.io.
Compressor.io
Kompresor obećava drastično smanjenje veličine datoteke. "Do 90%" u nekim slučajevima. Iako većina slika neće dobiti takvu izvedbu, kompresor je dobar izbor ako preferirate apsolutnu veličinu datoteke u odnosu na fine detalje slike.
Sučelje je privlačno i jednostavno za korištenje. Također je lijepo da sliku možete spremiti izravno na svoj Google disk ili DropBox bez prethodnog preuzimanja na računalo. Međutim, jedna od mana je činjenica da se može obraditi samo jedna slika.
Koristeći Compressor na našoj testnoj slici, doista je došlo do vrlo agresivnog 28% smanjenja veličine slike za JPG sliku (66 KB).
Za PNG sliku, smanjila je veličinu slike za oko 67%, sve do oko 8 KB. To je vrlo blizu onome što je Kraken također mogao učiniti.
Koliko je to utjecalo na kvalitetu slike? Evo kompresorske inačice JPG-a za usporedbu.
Kao što možete vidjeti, značajna količina buke dodana je slici. Dakle, to je bolja veličina datoteke, ali s manje kvalitete. Morat ćete isprobati svoje slike na različitim web-lokacijama da biste pronašli onu koja ima dobru ravnotežu između značajnog smanjenja veličine i kvalitete slike.
PNG slika iz kompresora izgledala je točno poput one iz Krakena, tako da je ovdje ne uključujem.
Koristite Compressor.io na compressor.io
Optimizilla
Optimizilla dobiva trenutke privlačnosti za svoje lijek maskota, ali također obećava uravnotežen pristup optimizaciji slika. Povrh toga, možete staviti u red do dvadeset slika. Optimizilla također ima vrlo moćno sučelje.
Optimizilla omogućuje postavljanje individualnih razina kvalitete za svoje slike. To možete jednostavno podesiti pomoću klizača, a zatim pregledati rezultirajuću sliku u usporedbi s originalom.
To znači da ne morate više puta učitavati gotovu datoteku dok ne budete zadovoljni kvalitetom.
Po defaultu smo dobili 23% smanjenje veličine datoteke za JPG (70 KB). Veličina JPG-a veća je od kompresora, ali je manja od Krakena. Kvaliteta je mnogo bolja od kompresora i usporediva je s Krakenom.
PNG je smanjen za 64% i ponovno se gotovo ne razlikuje od originala. Također je izgledao isto kao i sve druge komprimirane verzije do sada.
Optimizilla možete koristiti na imagecompressor.com.
ImageSmaller
ImageSmaller je još jedan dobar alat za kompresiju na mreži koji donosi pristojne rezultate, iako ste ograničeni samo na obradu jedne slike odjednom.
U našem slučaju, dobili smo impresivnu 54% smanjenje veličine datoteke za naš JPG uz pristojnu količinu gubitka kvalitete. Slika je i dalje djelotvorna ako je objavljujete na mreži ili za uzročne svrhe, ali previše je buke da je koristite na bilo koji drugi način.
Opet, PNG je smanjen za oko 65% i bio je potpuno isti kao i ostali rezultati.
Alternativna alternativa: RIOT
Iako sva četiri od tih optimizatora slike zahtijevaju rad na internetu, to nije uvijek moguće. Stoga je dobra ideja imati izvanmrežnu aplikaciju kao sigurnosnu kopiju ili u okolnostima koje online optimizaciju čine manje idealnom.
Možda trebate obraditi veliki broj slika ili ne želite učitati određene slike iz razloga privatnosti.
Bez obzira na razlog zbog kojeg morate koristiti offline klijenta, posebno nam se sviđa RIOT ili Radical Image Optimization Tool . Ovaj besplatni komad softvera praktički može učiniti sve, dok je prilično jednostavan za korištenje.
Ima zanimljiv automatski način predlaganja. Jednostavno povucite sliku i ona će predložiti odgovarajuću razinu kompresije.
Pomoću automatskog podešavanja dobivamo smanjenje veličine slike od 28% (66 KB). Ovdje je slika, nakon što ju je obradio RIOT. Kao i kod kompresora, veličina je manja, ali je razina buke vrlo visoka.
Još jedna stvar vrijedna spomena o RIOT-u je taj da softver dolazi s batch konverter modom. Na taj način možete postaviti u red čekanja onoliko slika koliko vaše računalo može podnijeti i onda samo ostavite ga da biste dobili na posao. Velika prednost u odnosu na većinu besplatnih online rješenja!
Možete preuzeti RIOT na luci.criosweb.ro/riot/.
Jednostavno kao 1, 2, 3
Pomoću tih alata za optimizaciju slika web-lokacija će se brže učitavati ili uštedjeti malo prostora na web-poslužitelju ili slati fotografije prijateljima i obitelji putem upravljivih slika.
To je brzo i jednostavno smanjiti te preopterećene slike na nešto ukusnije. Ni ti ne moraš ni uložiti novac. To je dobar posao bez obzira na to kako ga gledate! Uživati!
