Forum » Izdelava spletišč » V kakšni ločljivosti shraniti slike za splet?
V kakšni ločljivosti shraniti slike za splet?
Goblin ::
Obiskovalcev je 50% na telefonih, ampak kljub "virtualni" ločljivosti npr 360px ima večina telefonov zelo velik dpi. Tako, da sem precej v dilemi katero ločljivost bi izbral, ki bi bila optimalna za vse obiskovalce. Kakšne izkušnje okoli tega ali povezava do članka na to temo?
http://www.goblin.si
Netrunner ::
Jaz uporabljam velikost 800px po daljši stranici. Optimalno ne bo nikoli za vse obiskovalce, zato se praviloma naredi več slik in prikaže ustrezno sliko na ustrezni napravi. Poglej si malo scrset.
Doing nothing is very hard to do... you never know when you're finished.
Goblin ::
Poznam scrset. Statistika v dp je takšna:
360×640 - 21.54%
1366×768 - 12.85%
1920×1080 - 7.76%
375×667 - 4.94%
1440×900 - 3.32%
1280×800 - 2.67%
Od teh 360x640dp in podobnih ločljivosti jih je verjetno polovica 1440x2560px ali podobno. Tako čisto po občutku so ločljivosti v pikslih v telefonih prehitele monitorje in prenosnike.
Edino nimam izkušenj koliko folka na novejših telefonih loči med sliko npr 400x800px in 800x1600px. Na monitorju je razlika očitna.
360×640 - 21.54%
1366×768 - 12.85%
1920×1080 - 7.76%
375×667 - 4.94%
1440×900 - 3.32%
1280×800 - 2.67%
Od teh 360x640dp in podobnih ločljivosti jih je verjetno polovica 1440x2560px ali podobno. Tako čisto po občutku so ločljivosti v pikslih v telefonih prehitele monitorje in prenosnike.
Edino nimam izkušenj koliko folka na novejših telefonih loči med sliko npr 400x800px in 800x1600px. Na monitorju je razlika očitna.
http://www.goblin.si
blackbfm ::
sem precej v dilemi katero ločljivost bi izbral, ki bi bila optimalna za vse obiskovalce
Jz imam raje slabso sliko kot pa da se mi stran 10sek+ loada
Sicer je pa odvisno od konteksta, vsebine.. Ce gledam zmogljivost fotoaparata pricakujem full res slike.. Ce kupujem motorno olje je pa lahko simbolična slika 100x100px
Stari89 ::
Zakaj bi sploh imel eno ločljivost za vse? Počakaš, da se page zlouda (brez slik), nato z Javascriptom izgruntaš resolucijo, nakar z Ajaxom pokličeš najprimernejšo velikost slike iz serverja. Lahko se greš še bolj fancy zadeve in za placeholder slike (dokler se nalaga) uporabiš zamegljeno mini-mini-mini verzijo taprave slike.
Se pa temu reče "Lazy loading", en članek na to temo pa imaš tu: link
Se pa temu reče "Lazy loading", en članek na to temo pa imaš tu: link
Goblin ::
Ker mi precej poenostavi optimizacijo slik za samo eno ločjivost.
Kot rečeno je res hitrost nalaganja strani najbolj pomembna in cintram nekje 2-5s. Ideja mi je, da so slike na seznamu izdelkov podhranjene, saj tukaj pogosto skeniramo izdelke, medtem ko na strani podrobnosti izdelka pa si ponavadi več časa vzamemo in se mi zdi bolje, da je slika višje ločljivosti.
Lazy loading sem že gledal in če se bo dalo bom implementiral, še bolje bi bilo, če bi lahko v povezavi s testom hitrosti dostopa do interneta.
Še vedno pa sem v dilemi kako veliko sliko prikazati nekomu, ki je na npr Samsung S9 z ultra ločljivostjo 2960x1440 ali nekomu na iPhone 5 z 640x1136.
Kot rečeno je res hitrost nalaganja strani najbolj pomembna in cintram nekje 2-5s. Ideja mi je, da so slike na seznamu izdelkov podhranjene, saj tukaj pogosto skeniramo izdelke, medtem ko na strani podrobnosti izdelka pa si ponavadi več časa vzamemo in se mi zdi bolje, da je slika višje ločljivosti.
Lazy loading sem že gledal in če se bo dalo bom implementiral, še bolje bi bilo, če bi lahko v povezavi s testom hitrosti dostopa do interneta.
Še vedno pa sem v dilemi kako veliko sliko prikazati nekomu, ki je na npr Samsung S9 z ultra ločljivostjo 2960x1440 ali nekomu na iPhone 5 z 640x1136.
http://www.goblin.si
blackbfm ::
Full hd 1920x1080 ima na telefonskem displeju nekje 420 dpi, kar je vrh glave ce se slike ne zoomira
Vredno ogleda ...
Tema | Ogledi | Zadnje sporočilo | |
---|---|---|---|
Tema | Ogledi | Zadnje sporočilo | |
» | Monitor resolucija 2560 x 1440 ali 4k, velikost 27" ali 32"?Oddelek: Kaj kupiti | 4290 (601) | Furbo |
» | 4K monitorji (strani: 1 2 3 4 5 6 )Oddelek: Kaj kupiti | 74355 (24197) | Yenk |
» | 27inch monitor (strani: 1 2 3 4 … 12 13 14 15 )Oddelek: Kaj kupiti | 204008 (103966) | Crni_Dejan |
» | Sharp obljublja zaslon z ločljivostjo 4K za pametne telefone (strani: 1 2 )Oddelek: Novice / Zasloni / projektorji / ... | 18261 (15311) | Invictus |
» | Pripravlja Apple iMace z ločljivostjo 8K? (strani: 1 2 3 )Oddelek: Novice / Zasloni / projektorji / ... | 38691 (30790) | issak |