Naslov
Responzivne slike u web-dizajnu
(Responsive Images in Web Design)

Autori
Marohnić, Matija

Vrsta, podvrsta i kategorija rada
Ocjenski radovi, diplomski rad, diplomski

Fakultet
Filozofski fakultet

Mjesto
Zagreb

Datum
12.07

Godina
2018

Stranica
69

Mentor
Kocijan, Kristina

Ključne riječi
responzivnost, web, slike, pristupačnost, automatizacija
(responsive, web, images, accessibility, automatization)

Sažetak
Raznolikost uređaja na kojima se danas pregledava web potaknula je programiranje responzivnih web- stranica. Zbog porasta broja mobilnih uređaja i velike cijene internetskog prometa u mnogim dijelovima svijeta počela je rasti potreba za dostavljanjem manjih slika na manjim uređajima. Programeri su se dosjetili raznih zaobilaznih rješenja za responzivne slike, najčešće pomoću JavaScripta. Međutim, svako je rješenje imalo nepremostive nedostatke. Bilo je potrebno izraditi specifikaciju za standardno rješenje koje bi web-preglednici znali prepoznati. Rješenje je moralo zadovoljavati najčešće načine prilagođavanja slika na webu, npr. prema gustoći zaslona, tipu medija, slikovnom formatu itd. Ovaj je izazov okupio grupu programera pod nazivom Responsive Issues Community Group (RICG), koji su tijekom nekoliko godina iteracija dovršili prijedlog za specifikaciju u obliku dodatnih HTML-atributa i novog elementa. Tu su specifikaciju nakon nekog vremena implementirali svi glavni web-preglednici, što znači da su ju programeri mogli početi koristiti. Osim o internetskom prometu, važno je voditi brigu i o pristupačnosti slika slabovidnim osobama i daltonistima. Svakoj slici potrebno je dodati tekst koji opisuje nju ili njezinu funkciju i učiniti ju razumljivom onima koji ne mogu raspoznati sve tonove boja. Nakon pojave responzivnog web-dizajna održavanje slika postalo je znatno teže, zbog čega je korisno sagledati opcije za automatizaciju tog posla. Rješenja variraju od ručne kompresije slika do korištenja web-servisa specijaliziranih za slike. U radu se uspoređuje stanje slika na najpopularnijim domaćim i stranim novinskim portalima na mobilnim i stolnim uređajima. Sagledavaju se ukupne težine slika kako bi se izračunao postotak optimizacije slika na mobilnim uređajima i kako bi se novinski portali usporedili međusobno. S obzirom da težinu prosječne web-stranice čine većinom slike, važno je odrediti kad su slike doista potrebne, a kada nisu.

Izvorni jezik
Hrvatski

Znanstvena područja
Informacijske i komunikacijske znanosti

POVEZANOST RADA