Novosti

Optimizacija slika na web stranici

11.11.2016. 10:31:44

Optimizacija slika na web stranici

Često nas klijenti nakon što smo im izradili novu web stranicu pitaju pitanje:

Imamo dosta slika i slike su prilično velike, kako ih optimizirati za web ?

Ovaj članak posvetit ćemo toj temi i alatima koji prilično dobro odrađuju posao optimizacija slika za web stranice.

Slike koje vrlo vjerojatno imate su prilično velike i zauzimaju dosta prostora, i prilično usporavaju učitavanje web stranice, iz tog razloga trebamo ih optimizirati za web.

1) Smanjivanje dimenzija slika


Prvi korak optimizacije je da smanjimo dimenziju slika, što to znači ?

Slike koje su slikane fotoaparatima ili mobitelima uglavnom su velikih dimenzija, što je za web nepotrebno.

Predstavljamo vam prvi alat koji je besplatan za odraditi ovaj posao.


http://www.picresize.com

Na gore navedenoj web stranici, možete uploadati Vašu sliku te ju cropati ili napraviti resize potpuno besplatno.
Preporučeno je da slike za web ne budu šire od dimenzija 1920xXXX , već kada napravite resize slike s 5000px ili 7000px, slika će se smanjiti za 70 % i već smo tu dobili prilično ubrzanje web stranice.

2) Smanjivanje kvalitete slike


Drugi korak nakon što smo smanjili dimenziju slika je smanjivanje kvalitete slike gdje ćemo uštedjeti još oko 20 % veličine slike i time smanjiti veličinu slike oko 90 % od originalne veličine i time znatno ubrzati vrijeme učitavanja vaše web stranice.

Za to odlučili smo da je dobar alat i web stranica


https://tinypng.com/

Dovoljno je da samo primite sliku i odvučete je u BOX koji je predviđen za upload slike.

Nakon par sekundi, moći ćete preuzeti 100 % optimiziranu sliku spremnu za upload na Vašu web stranicu.

Savjet: Ako ste u mogućnosti, bilo bi dobro da svaka slika na stranici bude optimizirana s tim postupkom ubrzat ćete Vašu stranicu za 60-70 % .