L* a* b*
1. 38 14 14
2. 66 18 18
3. 50 −5 −22
4. 43 −13 22
5. 55 9 −25
6. 71 −33 0
7. 63 36 57
8. 40 10 −46
9. 51 48 16
10. 30 23 −22
11. 73 −24 57
12. 72 19 68
13. 29 14 −50
14. 55 −38 31
15. 42 53 28
16. 82 4 80
17. 52 50 −15
18. 51 −29 −29
19. 97 0 1
20. 81 −1 0
21. 67 −1 −1
22. 51 0 0
23. 36 0 −1
24. 20 0 −1
Iz vsakega spletnega brskalnika smo nato prenesli sliko barvne tablice in v vsakem spletnem brskalniku naredili posnetek zaslona iste slike. Za lažje in bolj sistematično vodenje smo slike smiselno poimenovali. Prenesene slike niso imele pripetega nobenega profila, medtem ko so posnetki zaslona imeli pripet profil zaslona. Najprej smo odprli program Adobe Photoshop in nastavitve barv nastavili na evropske standarde za splet. To smo storili tako, da smo odprli zavihek Edit Color Settings in pojavilo se je okno, prikazano na sliki 2, v katerem smo izbrali nastavitve Europe Web/Internet 2.
Slika 2: Standardne evropske nastavitve za splet
Nato smo vse slike odprli v programu Adobe Photoshop. Prenesene slike so se odprle, medtem ko se nam je pri posnetkih zaslona pojavilo pojavno okno z opozorilom o pripetem profilu, ki ga lahko vidimo na sliki 3.
Slika 3: Pojavno okno
V pojavnem oknu smo izbrali, naj program uporabi pripet profil zaslona, saj bodo barve tako ostale enake tistim, ki smo jih dejansko videli na spletu. Odprte slike smo nato iz RGB spremenil v Lab, da smo lahko odčitali vrednosti. To smo storili tako, da smo odprli zavihek Image Mode Lab Color. V orodni vrstici smo nato izbrali kapalko in odprli zavihek Info, od koder smo odčitali L*a*b* vrednosti. Odčitavanje barv lahko vidimo na sliki 4.
Slika 4: Odčitavanje L*a*b* vrednosti
3.3 Vrednotenje rezultatov
Barvne razlike med originalnimi vrednostmi, prenesenimi slikami in posnetki zaslona smo izračunali s pomočjo enačbe za barvne razlike. Razlike med prenesenimi slikami in posnetki zaslona pa smo ocenjevali tudi vizualno. Za računanje barvnih razlik smo uporabili enačbo:
𝛥𝐸𝑎𝑏∗ = √((𝛥𝐿∗)2 + (𝛥𝑎∗)2 + (𝛥𝑏∗)2)
Pri tem je:
- Δa* razlika na osi rdeče/zeleno, (Δa* = a* vzorca – a* standarda),
V našem primeru: a* prenesene slike – a* originalih vrednosti; a* posnetka zaslona slike – a* prenesene slike; a* posnetka zaslona slike – a* originalih vrednosti.
- Δb* razlika na osi rumeno/modro, (Δb* = b* vzorca – b* standarda),
v našem primeru: b* prenesene slike – b* originalih vrednosti; b* posnetka zaslona slike – b* prenesene slike; b* posnetka zaslona slike – b* originalih vrednosti.
- ΔL* razlika svetlosti, (ΔL* = L* vzorca – L* standarda),
v našem primeru: L* prenesene slike – L* originalih vrednosti; L* posnetka zaslona
Barvna razlika ΔE*ab ima vizualno naslednji pomen:
ΔE*ab < 0,2 barvna razlika ni vidna,
ΔE*ab < 0,5 preciznost instrumentov, zanemarljiva razlika, ΔE*ab 0,2-1,0 barvna razlika je opazna, zelo majhna razlika, ΔE*ab 1,0-3,0 barvna razlika je vidna, majhna razlika,
ΔE*ab 3,0-6,0 barvna razlika je dobro vidna, očitna,
ΔE*ab 6,0-12,0 razlika barvna razlika je zelo dobro vidna, izjemno velika, ΔE*ab > 12,0 razlika barvna razlika je moteča, nedopustna razlika. (1)
Barvne razlike z najmanj odstopanja smo označili z zeleno barvo, največje razlike pa z rdečo barvo, da jih bomo kasneje lažje primerjali.
3.4 ICC V2 in V4
Vsi spletni brskalniki po privzetih nastavitvah niso zmožni prikazovati slik z ICC V2 in V4 profili, zato bomo v sklopu raziskave na spletu izvedli teste ki bodo pokazali, kateri brskalniki tega niso zmožni. Brskalnikom, ki teh profilov niso zmožni upoštevati, bomo privzete nastavitve spremenili tako, da jih bodo zmožni upoštevati.
Na spletu smo najprej poiskali spletne strani, ki nam omogočajo preverjanje podpore V2 in V4 ICC profilov. Spletne strani s testi smo odprli v vseh spletnih brskalnikih, ki smo jih izbrali za raziskavo, torej v Safariju, Google Chrome-u, Firefoxu, Operi in Microsoft Edge-u. Za referenco smo naredili posnetke zaslonov teh testov v brskalniku, ki omogoča uporabo teh profilov. Na slikah 5 in 6 lahko vidimo, kako izgledajo spletni brskalniki, ki podpirajo V2 in V4 ICC profile.
Slika 5: Spletni brskalnik podpira V2 in V4 ICC barvne profile (24)
Slika 6: Slika je prikazana normalno, saj brskalnik lahko prikazuje vse zgoraj naštete profile (25)
Posnetke zaslonov teh testov smo naredili za vse brskalnike in jih za bolj sistematično in lažje vodenje smiselno poimenovali.
3.5 Dodatne nastavitve spletnih brskalnikov
Spletni brskalnik Firefox nam omogoča nekaj dodatnih nastavitev na področju barvnega upravljanja. Do teh nastavitev pridemo tako, da brskalnik odpremo in na vrhu v okence za iskanje vpišemo about:config ter potrdimo, kot je prikazano na sliki 7.
Slika 7: Ukaz About.config
Odpre se nam okno o tveganju, ki ga moramo potrditi. Nato se nam odpre nov zavihek, v katerega moramo vnesti ime nastavitev. V našem primeru moramo vnesti color_management. Prikaže se nam nekaj nastavitev za barvno upravljanje. Za nas so sedaj pomembne tiste za omogočanje barvnega profila V4 ICC in color_
management.mode, ki omogoča pripenjanje barvnih profilov. Okno z nastavitvami, ki se nam prikaže, je prikazano na sliki 8.
Slika 8: Nastavitve za barvno upravljanje
Brskalnik bo najbolj optimalno deloval, če omogočimo uporabo profila V4 in pri color_management.mode vnesemo številko 1, saj ta vse slike brez profila prikaže s sRGB profilom.
3.6 Anketa
Že v teoretičnem delu smo ugotovili, da se vedno več prodaje in storitev seli na splet, zato so barve na medmrežju še kako pomembne. V sklopu raziskave bomo izvedli anketo, s katero bomo ugotavljali ali so potrošniki, ki nakupujejo po spletu, že kdaj opazili razliko v barvah oziroma če so jo, ali jih to moti. V anketi bomo uporabnike spraševali po njihovih navadah in ugotovitvah, ki so jih morda opazili sami. Povprašali jih bomo, kakšno je njihovo mnenje o tem, da bi na spletu bili prikazani izdelki drugačnih barv, kot so v resnici.
Anketa vsebuje dvanajst vprašanj, od tega tri demografske, ostala pa se navezujejo na diplomsko nalogo. Anketo smo ustvarili na spletni strani 1ka.si in jo objavili 26. 5.
2021. V anketi, ki smo jo delili na družabnem omrežju Facebook, je sodelovalo 55 anketirancev.
Spol
- [ ] moški - [ ] ženska
- [ ] se ne želim definirati Starost
- [ ] do 15 let - [ ] 16-20 let - [ ] 21-25 let - [ ] 26-30 let - [ ] 31-40 let - [ ] 41-50 let - [ ] 51-60 let - [ ] 60 ali več
Izobrazba
- [ ] osnovnošolska izobrazba - [ ] srednješolska izobrazba - [ ] višješolska izobrazba - [ ] visokošolska izobrazba - [ ] magisterij
- [ ] doktorat
Kateri spletni brskalnik uporabljaš?
- [ ] Safari
- [ ] Google Chrome - [ ] Firefox
- [ ] Opera
- [ ] Microsoft Edge - [ ] Brave
- [ ] Vivaldi
- [ ] Drugo: _____
Ali med njimi opaziš kako razliko?
- [ ] da - [ ] ne
Če da, katero?
- _____
Ali veš, da lahko na različnih spletnih brskalnikih vidiš isto sliko v različnih barvnih odtenkih?
- [ ] da - [ ] ne
Ali ti je to pomembno?
- [ ] da - [ ] ne
Ali nakupuješ preko spleta?
- [ ] da - [ ] ne
Kaj najpogosteje kupuješ na spletu?
- [ ] oblačila - [ ] obutev - [ ] tehnika - [ ] pohištvo
- [ ] izdelki za osebno nego - [ ] drugo: _____
Ali se ti je že zgodilo, da izdelek, ki si ga naročil reko spleta, v živo ni bil enakih barv kot na spletu?
- [ ] da - [ ] ne
Če nisi oz. ne bi dobil izdelka enakih barv, kaj bi naredil?
- [ ] izdelek vrnil in zahteval vračilo denarja
- [ ] izdelek vseeno obdržal, saj mi to ni toliko pomembno - [ ] izdelek obdržal, vendar zahteval vračilo denarja - [ ] napisal pritožbo
4 REZULTATI IN RAZPRAVA
4.1 Rezultati primerjave barv in barvnih razlik v brskalniku Safari
Rezultati dosedanjih raziskav na tem področju kažejo, da je spletni brskalnik Safari barvno upravljan, torej smo pričakovali, da pri računanju ne bo bistvenih barvnih razlik.
Po končanih odčitavanjih barv in računanju barvnih razlik lahko ugotovimo, da se te pojavljajo že med vrednostmi barv prenesene slike in originalnimi vrednostmi L*a*b*.
Največje razlike so pri 9., 15. in 18. polju, kar je razvidno iz preglednice 5. Največja razlika je pri barvi v 18. polju, ta znaša kar 7,3, kar pomeni, da je to izjemno velika barvna razlika in da je ta zelo dobro vidna. Največje odstopanje lahko vidimo pri a* osi.
Preglednica 5: Najvišje barvne razlike med preneseno sliko in originalnimi vrednostmi v