Kun Full HD -näytöt ovat nyt toimivia vähimmäisstandardeja ja jopa halpoja älypuhelimia, joissa on vähintään viisi megapikselin kameraa, on helppo unohtaa, kuinka paljon kuvan koolla on merkitystä verkossa. Kun joku luo verkkosivustoa, on erittäin tärkeää ottaa huomioon kaistanleveys.

Vaikka yksi iso, korkearesoluutioinen kuva ei ehkä ole ongelma nykyaikaiselle laajakaistayhteydelle, sivustosi täyttäminen korkealaatuisilla resursseilla voi muuttaa selauskokemuksen todelliseksi vedoksi. Tämän lisäksi joudut maksamaan myös paisuneet isännöintikulut!

Liian suuria kuvia ei tarvitse käsitellä vain verkkovastaavien kanssa. Jos olet yrittänyt lähettää sähköpostilla kuvia jollekin, sähköpostin kokonaiskoko saattaa yllättää, kun joudut lähettämään kymmenen tai kaksikymmentä napsautusta. Tästä syystä online- kuvanoptimointityökalu^(Which) on paras ystäväsi, kun haluat ladata, jakaa tai isännöidä kuvia.

Nämä ovat neljä suosikkikuvamme online-kuvanoptimointiohjelmaamme, joihin sisältyy bonus offline-vaihtoehto, kun internet katkeaa, mutta määräajoillasi ei ole väliä! Muista myös lukea edellinen viestimme muista tavoista pienentää kuvan kokoa^{(other ways to reduce the size of the image)} .

Kuvatestin asetukset

Ennen kuin siirrymme kuhunkin kuvanpakkaukseen, haluan määrittää, miten teimme testimme. Se ei ole kovin tieteellistä tai laajaa; se on vain sarja eri kompressiomoottoreiden kompressioita ja siinä se.

Osoittaaksemme eron, joka tiedostomuodolla on pakkauksessa, käytimme JPG - kuvaa ja PNG - kuvaa. Joskus voit pakata kuvan paljon paremmin, jos tallennat sen eri muodossa. JPG -kuvat sopivat parhaiten kuviin "oikeista" ihmisistä, paikoista, asioista jne.

PNG -kuvat sopivat parhaiten kuvakkeille, tekstille, työpöydän ikkunoiden kuvakaappauksille jne. Tässä on alkuperäinen JPG -kuvamme (91 kt):

Ja tässä on alkuperäinen PNG- kuvamme (26 kt):

Kraken.io

Kraken.io:n paras ominaisuus on se, että se antaa meille tekosyyn huutaa "vapauta kraken!" joka kerta kun käytämme sitä, mutta sen lisäksi se on yksi nopeimmista ratkaisuista, joita olemme kokeilleet ja melko helppokäyttöinen.

Tuotteella on useita maksullisia tasoja, jotka eroavat pääasiassa sen mukaan, kuinka monta gigatavua dataa voit käsitellä kuukaudessa. Ilmainen nopea verkkokäyttöliittymä ei anna sinun muuttaa kuvien kokoa tai käyttää muita " Pro " ominaisuuksia, mutta se on yksinkertainen vedä ja pudota -työkalu, jonka voimme selvittää muutamassa sekunnissa.

Mikä parasta, voit asettaa useita tiedostoja jonoon kerralla nopeaa eräkäsittelyä varten.

Voit myös tuoda kuvia helposti Google Drivesta^{(Google Drive)} tai Dropboxista^(Dropbox) yhdellä napsautuksella. Testissämme Kraken pienensi ^(Kraken)JPG -kuvamme kokoa noin 15 % (78 kt) ja PNG-kuvamme kokoa noin 61 % (10 kt).

Tässä on JPG - kuva krakenin julkaisemisen jälkeen:

Laatu heikkenee jonkin verran, mutta kuva näyttää silti melko hyvältä ja verkkosivustostasi tulee virtaviivaisempi optimoinnin ansiosta. Tässä on PNG - kuva pakkauksen jälkeen:

Pakatun PNG^(PNG) :n laatu on lähes identtinen alkuperäisen kanssa, minkä vuoksi rakastan PNG - muodon käyttöä niin paljon kuin mahdollista, koska se voidaan pakata voimakkaasti ilman niin suurta laadun heikkenemistä.

Käytä Kraken.io:ta osoitteessa kraken.io .

Kompressori.io

Kompressori^(Compressor) lupaa jyrkän tiedostokoon pienennyksen. "Jopa 90%" joissakin tapauksissa. Vaikka useimmat kuvat eivät saa tällaista suorituskykyä, Compressor on hyvä valinta, jos suosit absoluuttista tiedostokokoa kuvan hienojen yksityiskohtien sijaan.

Käyttöliittymä on houkutteleva ja helppokäyttöinen. On myös mukavaa, että voit tallentaa kuvan suoraan Google Driveen^{(Google Drive)} tai DropBoxiin^(DropBox) lataamatta sitä ensin tietokoneellesi. Yksi haittapuoli on kuitenkin se, että vain yhtä kuvaa voidaan käsitellä kerrallaan.

Käyttämällä Compressoria testikuvassamme ^(Compressor)JPG - kuvan (66 kt) kuvan koko pieneni todellakin erittäin aggressiivisesti 28 % .

PNG - kuvassa se pienensi kuvan kokoa noin 67 %, aina noin 8 kilotavuun asti. Tämä on hyvin lähellä sitä, mitä Kraken pystyi myös tekemään.

Kuinka paljon se sitten vaikutti kuvanlaatuun? Tässä on JPG:n kompressoriversio vertailua ^(JPG)varten^(Compressor) .

Kuten näet, kuvaan on lisätty huomattava määrä kohinaa. Joten se on parempi tiedostokoko, mutta huonompi laatu. Sinun on kokeiltava kuviasi eri sivustoilla löytääksesi sellaisen, joka löytää hyvän tasapainon huomattavan koon pienentämisen ja kuvanlaadun välillä.

Kompressorin PNG^(PNG) - kuva näytti täsmälleen samalta kuin Krakenin^(Kraken) kuva , joten en sisällytä sitä tähän.

Käytä Compressor.io:ta osoitteessa compressor.io

Optimizilla

Optimizilla saa välittömiä houkuttelevuuspisteitä hoitomaskotistaan, mutta se lupaa myös tasapainoisen lähestymistavan kuvan optimointiin. Tämän lisäksi voit asettaa jonoon jopa kaksikymmentä kuvaa. Optimizillalla^{(Optimizilla)} on myös erittäin tehokas käyttöliittymä.

Optimizillan^{(Optimizilla)} avulla voit asettaa kuvillesi yksilöllisiä laatutasoja. Voit säätää tätä helposti liukusäätimellä ja sitten myös esikatsella tuloksena olevaa kuvaa verrattuna alkuperäiseen.

Tämä tarkoittaa, että sinun ei tarvitse ladata valmiita tiedostoa toistuvasti, ennen kuin olet tyytyväinen laatuun.

Oletuksena saimme 23 % pienemmän tiedostokoon JPG :lle (70 kt). JPG - koko on suurempi kuin kompressori, mutta pienempi kuin Kraken . Laatu on paljon parempi kuin kompressori ja verrattavissa Krakeniin^(Kraken) .

PNG - arvoa alennettiin 64 % ja se oli jälleen lähes erottamaton alkuperäisestä. Se näytti myös samalta kuin kaikki muut pakatut versiot tähän asti.

Voit käyttää Optimizillaa osoitteessa imagecompressor.com .

ImageSmaller

ImageSmaller on toinen hyvä online-pakkaustyökalu, joka tuottaa kunnollisia tuloksia, vaikka olet rajoitettu käsittelemään vain yhtä kuvaa kerrallaan.

Meidän tapauksessamme saimme JPG -tiedostomme tiedostokoon vaikuttavan 54 % pienennyksen ja laadun heikkenemisen kohtuullisesti. Kuva on edelleen käyttökelpoinen, jos julkaiset sen verkossa tai syy-tarkoituksiin, mutta siinä on liikaa kohinaa, jotta sitä voitaisiin käyttää muulla tavalla.

Jälleen PNG pieneni noin 65 % ja oli täsmälleen sama kuin muut tulokset.

Offline-vaihtoehto: RIOT

Vaikka kaikki nämä neljä kuvanoptimointiohjelmaa vaativat toimivan Internet-yhteyden, se ei ole aina mahdollista. Siksi on hyvä idea käyttää offline-sovellusta varmuuskopiona tai olosuhteissa, joissa online-optimointi ei ole ihanteellista.

Sinun on ehkä käsiteltävä suuri määrä kuvia tai et halua ladata tiettyjä kuvia tietosuojasyistä.

Riippumatta syystä sinun on käytettävä offline-asiakasohjelmaa, pidämme erityisesti RIOTista^(RIOT) tai Radical Image Optimization Toolista^{(Radical Image Optimization Tool)} . Tämä ilmainen ohjelmisto voi käytännössä tehdä kaiken, vaikka se on melko helppokäyttöinen.

Siinä on mielenkiintoinen automaattinen ehdotustila. Vedä^(Simple) kuva sisään ja se ehdottaa sopivaa pakkaustasoa.

Automaattista asetusta käyttämällä pienennämme kuvakokoa 28 % (66 KB). Tässä on kuva RIOTin^(RIOT) käsittelyn jälkeen . Kuten Compressorissa^(Compressor) , koko on pienempi, mutta melutaso on erittäin korkea.

Toinen mainitsemisen arvoinen asia RIOTista^(RIOT) on, että ohjelmistossa on erämuunnintila. Voit siis laittaa jonoon niin monta kuvaa kuin tietokoneesi pystyy käsittelemään ja jättää sen sitten vain jatkamaan asioita. Suuri etu useimpiin ilmaisiin verkkoratkaisuihin verrattuna!

Voit ladata RIOTin osoitteesta luci.criosweb.ro/riot/ .

Yhtä helppoa kuin 1,2,3

Näiden kuvien optimointityökalujen avulla saat verkkosivustosi latautumaan nopeammin tai säästät tilaa verkkopalvelimellasi tai lähetät hallittavia kuvia sähköpostitse ystäville ja perheelle.

Ylisyötetyt kuvat on nopeaa ja helppoa pienentää mieluisemmaksi. Sinun ei myöskään tarvitse laittaa rahaa alas. Nyt se on hyvä juttu riippumatta siitä, mistä suunnasta katsot! Nauttia!

4 Great Online Image Compressors and Optimizers

With Full HD screens now a working minimum standard and even cheap smartphones packing at least five megapixel camеras, іt’s easy to forget how much image size matters on the web. When someone creates a website, it’s incredibly important to take bandwidth into account.

While one large, high-resolution image might not pose a problem to a modern broadband connection, stuffing your site with high-quality assets can turn the browsing experience into a real drag. In addition to this, you also have to pay for the bloated hosting costs!

It’s not just webmasters who have to deal with images that are too big. If you’ve tried emailing some photos to someone, the total size of the email might come as a shock once you have to mail ten or twenty snaps. Which is why an online image optimizer is your best friend when you want to upload, share or host images.

These are four of our favorite online image optimizers with a bonus offline option included for when the internet goes down, but your deadlines don’t care! Also, be sure to read our previous post on other ways to reduce the size of the image.

Image Test Setup

Before we get into each image compressor, I want to setup how we did our test. It’s not very scientific or expanse; it’s just a series of compressions by different compression engines and that’s it.

To show the difference that the file format makes in terms of compression, we used a JPG image and a PNG image. Sometimes you can compress your image a lot better if you save it using a different format. JPG images are best suited for images of “real” people, places, things, etc.

PNG images are best suited for icons, text, screenshots of windows on your desktop, etc. Here is our original JPG image (91 KB):

And here is our original PNG image (26 KB):

Kraken.io

Kraken.io’s best feature is the fact that it gives us an excuse to yell “release the kraken!” every time we use it, but apart from that, it’s one of the fastest solutions we’ve tried and pretty simple to use.

There are several paid tiers of the product, differing mainly by how many gigabytes of data you can process per month. The free quick web interface doesn’t allow you to resize images or use other “Pro” features, but it is a simple drag and drop tool we could figure out in just a few seconds.

Best of all, you can queue multiple files at once for quick batch processing.

You can also easily import images from Google Drive or Dropbox with a click. In our test, Kraken reduced the size of our JPG image by about 15% (78 KB) and our PNG by about 61% (10 KB).

Here is the JPG image after we released the kraken:

There is some loss in quality, but the image still looks pretty good and your website will be more streamlined thanks to the optimization. Here is the PNG image after compression:

The quality of the compressed PNG is almost identical to the original, which is why I love using the PNG format as much as possible because of its ability to be heavily compressed without as much loss in quality.

Use Kraken.io at kraken.io.

Compressor.io

Compressor promises drastic file size reduction. “Up to 90%” in some cases. While most images won’t get that sort of performance, Compressor is a good choice if you favor absolute file size over fine image detail.

The interface is attractive and easy to use. It’s also nice that you can save an image directly to your Google Drive or DropBox without first downloading it to your computer. One downside, however, is the fact that only one image can be processed at a time.

Using Compressor on our test image, there was indeed a very aggressive 28% reduction in image size for the JPG image (66 KB).

For the PNG image, it reduced the size of the image by about 67%, all the way down to about 8 KB. This is very close to what Kraken was able to do also.

So how much did it affect image quality? Here’s the Compressor version of the JPG for comparison.

As you can see, there’s a significant amount of noise added to the image. So it’s a better file size, but with less quality. You’ll have to try your images on different sites to find one that strikes a good balance between substantial size reduction and image quality.

The PNG image from compressor looked exactly like the one from Kraken, so I’m not including it here.

Use Compressor.io at compressor.io

Optimizilla

Optimizilla gets instant attractiveness points for its cure mascot, but it also promises a balanced approach to image optimization. On top of this, you can queue up to twenty images. Optimizilla also has a very powerful interface.

Optimizilla lets you set individual quality levels for your images. You can easily adjust this with a slider and then also preview the resulting image compared to the original.

This means you don’t have to repeatedly download the finished file until you are happy with the quality.

By default we got a 23% reduction in file size for the JPG (70 KB). The JPG size is larger than compressor, but smaller than Kraken. The quality is much better than compressor and comparable to Kraken.

The PNG was reduced by 64% and again was nearly indistinguishable from the original. It also looked the same as all the other compressed versions up till now.

You can use Optimizilla at imagecompressor.com.

ImageSmaller

ImageSmaller is another good online compression tool that delivers decent results, even though you are restricted to only processing one image at a time.

In our case, we got an impressive 54% reduction in file size for our JPG with a decent amount of quality loss. The image is still workable if you’re posting it online or for causal purposes, but there’s too much noise to use it in any other way.

Again, the PNG was reduced by about 65% and was exactly the same as the other results.

An Offline Alternative: RIOT

While all four of these image optimizers require a working internet connection, that’s not always possible. So it’s a good idea to have an offline application as a backup or under circumstances that make online optimization less than ideal.

Perhaps you need to process a large number of images or don’t want to upload certain images for privacy reasons.

Whatever reason you have to use an offline client, we particularly like RIOT or Radical Image Optimization Tool. This free piece of software can virtually do it all, while being pretty easy to use.

It has an interesting automatic suggestion mode. Simple drag the image in and it will suggest a suitable level of compression.

Using the auto setting, we get a 28% reduction in image size (66 KB). Here is the image, after being processed by RIOT. As with Compressor, the size is smaller, but the noise level is very high.

Another thing worth mentioning about RIOT is that the software comes with a batch converter mode. So you can queue up as many pictures as your computer can handle and then just leave it to get on with business. A big advantage over most free online solutions!

You can download RIOT at luci.criosweb.ro/riot/.

As Easy as 1,2,3

With these image optimization tools, you’ll get your website to load faster or save some space on your web server or email manageable pictures to friends and family.

It’s fast and easy to slim those overfed images down to something more palatable. You don’t even have to put any money down either. Now that’s a good deal no matter which way you look at it! Enjoy!

Related posts

• Avast Online Security -laajennus: kannattaako sitä käyttää?

• Parhaat Markdown-editorit: kaikki alustat ja verkossa

• 4 erinomaista työkalua Windows Installer -pakettien luomiseen

• 5 parasta Firefoxin tietosuojalisäosaa verkkoturvallisuuteen

• 4 erinomaista nimetöntä ja yksityistä sähköpostipalvelua

• Käytä HP Print and Scan Doctoria yleisten tulostinongelmien korjaamiseen

• Kuinka estää sivustoja ilmaisella lapsilukkoohjelmistolla

• 4 parasta porttien edelleenlähetysohjelmistosovellusta ja niiden käyttö

• HDG selittää: Mikä on Markdown ja mitkä ovat perusasiat, jotka minun pitäisi tietää?

• Siirrä, poista tai kopioi tiedostoja automaattisesti Windowsissa

• Toimiiko Microsoftin Windowsin tiedostojen palautus? Testasimme sen.

• 7 parasta bloatware-poistotyökalua Windowsille

• 7 loistavaa työkalua omien video-opetusohjelmien luomiseen

• Google Apps Script Editor: kaikki mitä sinun tarvitsee tietää aloittaaksesi

• Käytä vanhaa verkkokameraa kiinteistösi seuraamiseen ilmaiseksi

• 3 Työkalut näytön ongelmien diagnosointiin ja vianmääritykseen

• 11 parasta ilmaista kuvakaappausohjelmistoa Windowsille

• 5 komentokehotteen temppua tehdäksesi CMD:stä mielenkiintoisemman

• Kuinka tarkistaa, onko prosessorin lämpötila liian korkea

• 5 parasta sinisen valon suodatinsovellusta Windowsille, Macille ja Linuxille