Optimizacija slika za web

Šta je optimizacija slika za web?

     Postavljanje slika na web-stranicu je nezaobilazno, jer slika govori o čemu se radi u tekstu, o kakvom proizvodu se radi i slično. Naravno, cilj je da slika bude što kvalitetnija, visoke rezolucije i jasna. Međutim, kod učitavanja slika visoke rezolucije taj proces učitavanje teče veoma sporo što može naštetiti posjećenosti web-stranice, odnosno posjetitelji često odustanu od posjete određenoj stranici koja se sporo učitava.

     Slike koje nisu optimizovane su glavni uzrok sporog učitavanja web-stranice i najviše utiču na optimizaciju web-stranice. Dakle, ključno je pronaći balans između kvalitete slike i veličine dokumenta slike i stvoriti optimalno iskustvo za korisnika. Optimizacija slika za web podrazumijeva pripremu slike za što brže učitavanje na pretraživaču Google. Priprema slike za pretraživač odnosi se na postupak podešavanja veličine i rezolucije slike koristeći dodatke (plugins) i skripte, a s ciljem da se ubrza vrijeme učitavanja slike. Uglavnom se koristi kompresija slike kako bi se umanjila veličina same slike. Prema HTTP Archive slike čine 54% ukupne težine web-stranice. A čak 50% korisnika neće čekati duže od 3 sekunde da se sadržaj učita.

Kako izvršiti optimizaciju slike?

     Elementi za optimizaciju slika za web podrazumijevaju slijedeće:

• obavezno imenovanje slike - kada imenujete slike krenite od toga kako korisnici vrše pretragu, šta ukucaju u pretraživač i tako i imenujte slike,
• postavljanje opisa u alt atributa slike - alt atributi su alternativni opisi slike i tu svakako trebate staviti opis slike, kao i sve alternativne nazive koji opisuju ono što se nalazi na slici,
• redukcija veličine slike - veličina slike se može redukovati kompresijom slike i može se koristiti Adobe Photoshop ili drugi besplatni online programi za optimizaciju slike,
• izbor prave vrste datoteke - obično se postavljaju kao JPEG (standardna slika i najbolja opcija za postavljanje na web), GIF (jednostavne slike i koristiti samo kao thumbnails/sličice) i PNG (slika objekta bez pozadine i najbolje je koristiti PNG-8 opciju),
• optimizacija thumbnails/sličice - ove male sličice je potrebno redukovati što više i postaviti ih u što manjoj veličini jer one služe samo kao pretpregled proizvoda,
• koristite sitemap slike - koristite sitemap slika kako biste pretraživačima dali više informacija o slikama koje se nalaze na Vašoj web-stranici.

Besplatni programi za optimizaciju slika

     Postoje besplatni programi (alati) koji obavljaju redukciju veličine slike (dokumenta). Neki od najboljih programa su:

1. Optimizilla - istovremeno možete postaviti više slike i optimizaciju izvrši veoma brzo JPEG i PNG formata,
2. JPEG Optimizer - jednostavan alat za online optimizaciju slika, ali samo JPEG formata,
3. Tiny PNG - najpopularniji alat za optimizaciju JPEG i PNG formata,
4. Kraken - reducira JPEG, PNG i animirane GIF-ove na veoma malu veličinu,
5. ImageRecycle - kompresuje JPEG, GIF, PNG i PDF formate,
6. Image Optimizer - kompresuje i reducira dimenzije slika,
7. JPEGmini - redukuje veličinu slike i nudi mogućnost pregleda prije i poslije redukcije,
8. Resize Photos - kompresuje veličinu slike i nudi mogućnost dodavanja raznih efekata,
9. Puny PNG - kompresuje PNG, JPEG i GIF formate.

Dodaci za WP web-stranice

Postoje i pluginovi (WP dodaci) za optimizaciju slika, a najpopularniji su:

1. WP Smush - automatski optimizira slike bez gubitka na kvaliteti,
2. Imagify - reducira veličinu slika u tri različite opcije,
3. ShortPixel Image Optimizer - optimizira do 100 slika mjesečno,
4. reSmush.it - automatski optimizira slike pri učitavanju,
5. EWWW Image Optimizer - optimizira postojeće i slike koje su ranije postavljene na web.

     Imajte na umu da je optimizacije slike presudna i kod pozicioniranja web-stranice od strane Googlea, to jest utiče na Google ranking stranice. Google nudi vodič koji pruža upute pri postavljanju slika na web-stranicu. Optimalna veličina slike se kreće između 80 i 100 kb. Večina slika ne bi trebala prelaziti širinu od 1366 px. Thumbnails ili male sličice ne bi trebale da prelaze težinu od 20 kb i dimenzije od 360 px x 240 px.