Kako optimizirati svoje slike za web

Brže se učitajte, bolje pristajte, izgledajte sjajno.

Prilikom postavljanja slika na web potrebno je uzeti u obzir nekoliko stvari. Blogeri, tvrtke i prosječni korisnici društvenih mreža mogu imati koristi od saznanja o najučinkovitijim načine da slike izgledaju sjajno, bez utjecaja na to koliko im treba vremena da se učitaju ili da izgube kvalitetu prilikom objavljivanja na liniji.

• Koliko biste trebali napraviti sliku?
• PNG ili JPG?
• Omjeri slike

Moram brzo učitati

Veličina datoteke utječe na to koliko dugo traje učitavanje na web stranicu ili blog, ali neke metode njezinog minimiziranja mogu učiniti slike zamućenima ili pikseliziranima.

Čak i ako niste bloger, usluge društvenih medija poput Facebooka i Twittera ili usluge razmjene poruka poput iMessage i WhatsApp imaju sveobuhvatni softver za kompresiju koji većinu vremena radi dobro, ali kada zaista želite da se slika pojavi, često možete postići bolje rezultate radeći to sami.

Koliko je dovoljno mali?

Općenito, na web stranici ili blogu ciljajte 250 kilobajta (KB) ili manje. Jedan megabajt (MB) ili više u većini je situacija prevelik.

Rezanje kilobajta

Smanjenje ukupnog broja piksela smanjit će veličinu datoteke i promijeniti veličinu slike na zaslonu. Ne podnose svi programi to podjednako i, kao rezultat toga, kvaliteta slike može biti narušena.

Ova se značajka često nalazi pod alatom koji se naziva 'veličina slike', 'promijeni veličinu' ili 'povećaj sliku'.

Za ovaj zadatak predlažemo korištenje besplatnih programa GIMP ili IrfanView. Kao primjer kako to učiniti, upotrijebit ćemo GIMP.

Otvorite svoju sliku, a zatim kliknite Slika karticu pri vrhu zaslona. Izaberi Skala slike i promijeniti širinu ili visinu; druga će se vrijednost prilagoditi kako bi zadržala isti ukupni omjer. Prema zadanim postavkama trebao bi mjeriti u pikselima (px), što je najtočnija metoda za promjenu veličine.

Klik Ljestvica a vaša će slika promijeniti veličinu piksela koju ste postavili.

PNG ili JPG?

Promjena vrste datoteke (AKA ekstenzija) može imati veliki utjecaj na veličinu datoteke. Dva najčešća su JPG i PNG, ne zato što izgledaju najbolje, već zato što nude dobar kompromis između kvalitete i veličine.

• JPG najbolje za većinu slika. Sve s ljudima ili velikim nizom boja ili prijeloma boja zauzet će manje prostora kao JPG nego kao PNG.
• PNG najbolji su za jednostavne jednobojne slike. Na primjer, logo CHOICE zauzima daleko manje prostora kao PNG nego što bi bio kao JPG, jer boje nemaju nagiba. Još jedan bonus je što PNG slike mogu imati prozirnu pozadinu. To znači da možete staviti riječ IZBOR iznad bilo čega, bez obzira na boju, a da oko nje nije potrebna bijela ili obojena kutija.

Vrh: PNG s prozirnom pozadinom. Dolje: JPG s pozadinom.

Potreban vam je program koji može otvoriti i spremiti u više vrsta slikovnih datoteka, kao što su GIMP, IrfanView, Paint.net i Pixlr Editor - a sve je to besplatno.

Postoje dva uobičajena načina promjene vrsta slikovnih datoteka:

• Spremi kao je najčešća opcija. U većini programa za uređivanje otvorite svoju sliku i kliknite Datoteka zatim Spremi kao. Trebao bi postojati padajući popis vrsta datoteka ili ekstenzija datoteka.
• Izvoz sličan je funkciji 'spremi kao', ali obično omogućuje istovremeno rukovanje s više datoteka. Ako vaš program za obradu slika ne mijenja vrste datoteka putem "spremi kao", potražite opciju izvoza.

Prilagodbe kvalitete JPG -a

Ako je JPG datoteka i dalje prevelika nakon što ste smanjili broj piksela, možete je dodatno smanjiti prilagođavanjem kvalitete. Obično postoji postotak klizača s naslovom Kvaliteta, zajedno s procjenom veličine datoteke.

Pomaknite klizač prema nuli sve dok veličina datoteke ne odgovara onome što mislite da je dobar kompromis između kvalitete i kilobajta. Dok podešavate klizač, trebali biste moći vidjeti i pregled slike kako biste lakše ocijenili kvalitetu.

Omjeri slike

Možda ste upoznati s omjerima stranica s TV ekrana, od kojih je ovih dana najčešće 16: 9. To znači da je za svakih 16 mjera vodoravno, devet okomito.

Različite internetske platforme preferiraju određene omjere stranica, pa čak mogu automatski izrezati vaše slike na određene dimenzije. To može značiti da je vaša lijepo sastavljena slika iznenada pomaknuta ili da su njeni dijelovi skriveni od pogleda.

Prema besplatnom mrežnom servisu za snimanje fotografija Snappa, ovo su neki uobičajeni omjeri stranica:

• Facebook post = 4: 3
• Instagram post = 1: 1 (kvadrat)
• LinkedIn post = 300: 157

Omjer obrezivanja

Koristeći GIMP za uređivanje slika kao primjer, otvorite svoju sliku i dvaput kliknite alat za obrezivanje. Provjerite potvrdni okvir pored Popravljeno je označeno, i to Omjer slike je odabran.

Ispod unesite omjer širine i visine slike, a zatim kliknite i povucite okvir oko dijela slike koji želite zadržati. Pogoditi Unesi na tipkovnici i slika će izrezati na ispravan omjer.

Pomoću ovih jednostavnih, ali učinkovitih koraka možete jednostavno iskoristiti svoje slike na mreži i postići da vaše poslovne stranice, blog ili postovi na društvenim mrežama izgledaju vrhunski.