it-swarm-eu.dev

Progresivní obrázky = Lepší uživatelský dojem?

Poskytují progresivní obrázky lepší uživatelský dojem pro webové aplikace založené na prohlížeči?

3
oshirowanen

Stejně jako u všech věcí existují výhody i nevýhody, i když většina z nich není ve skutečnosti relevantní, pokud je web navržen správně a koncový uživatel má rychlé připojení k internetu. Jejich význam tedy závisí na cílovém publiku.

Klady:

  • Obrazy na základní úrovni přicházejí rychle, takže je zajištěno správné rozložení co nejdříve. Pokud jsou však atributy výšky a šířky obrazu nastaveny správně, je to téměř irelevantní (díky @ DA01)
  • Je jasnější, že se stránka stále načítá, pokud se obrázky načítají při načítání na pomalém připojení k internetu.

Nevýhody:

  • Může být horší vidět rozmazaný obraz než žádný. Počkejte, až uvidíte, zda je obraz důležitý, zatímco pokud vůbec žádný nebyl, nemuseli byste se obtěžovat.
  • Jak ostatní uvedli v jejich odpověď , prokládání zvyšuje velikost obrazových souborů, čímž zvyšuje dobu načítání vaší webové stránky . To dává horší zážitek pro všechny, i ty, kteří mají rychlé připojení.

Takže v rovnováze bych řekl, že pravděpodobně nedává lepší uživatelský dojem.

3
ChrisF

Kromě formátu JPEG nepoužívejte prokládání, protože ve skutečnosti zvyšuje velikost staženého obrazu. PNG je nejhorší kolem 10%. I když to však není nijak zvlášť nákladné, je to stále nežádoucí.

  • (v některých případech) miniatury, jejich více úrovní, jsou pro uživatele mnohem přátelštější a použitelnější. Pokud chtějí vidět náhled, dostanou velmi jasný, pokud chtějí plnou kvalitu, prostě přeskočí na plnou kvalitu. Zvažte také možnost použití částečně přiblížených miniatur v závislosti na vašich okolnostech.
  • prokládání má problém „jak víte, kdy se to dělá?“ U velmi ostrých a malých obrázků to není až tak problém, ale jakmile začneme mluvit o obrázcích, které se nevejdou ani na obrazovku a kvalita moudrá jsou při normálním přiblížení obrazovky trochu rozmazané, je matoucí, pokud je prokládání dokončeno nebo ne.
  • prokládání je jen efekt, uživateli nic neukazuje. Je zábavné, jak to lidé považují za správné, a ti samí lidé vám řeknou, že ten v televizi má skrývat věci.
  • správná optimalizace (která prokládá nepořádky) je lepší způsob, jak věci hladší
  • připojení k internetu dnes není tak špatné, že potřebujete prokládat; a upřímně řečeno, nikdy se mi to ani trochu nelíbilo ani v ten den: „ach už je to hotovo?… ne?… teď?… ještě ne poslední vlna?… oh no naložte! ...% # $% $ image! (šetří), kecy, ještě to trochu zbývalo! " Bez prokládání je obraz prakticky jeho vlastní „nakládací lišta“; mnohem uživatelsky přívětivější. Existují také mnohem lepší technologie, které uspokojí vaše uživatele s pomalým připojením…

Takže je to vlastně dobré pro cokoli? Webový vývojář moudrý, ne. Pokud ale řeknete zveřejnění některých obrázků na fóru, kód na fóru nemůže vědět velikost; protože prokládáním v podstatě překročíte velikost velmi rychle, prokládání je jedním ze způsobů, jak vyřešit vaše (neexistující, vybíravé) problémy s rozvržením - realisticky je jediná důvěryhodná situace s plovoucími obrázky.

5
srcspider

Vždy jsem měl smíšené pocity ohledně prokládaných/progresivních obrazů. Stále se nemůžu rozhodnout, kde na nich stojím. Ale je tu jedna věc, kterou bych si přál, aby všechny prohlížeče udělaly: zatímco se stránka zobrazuje, ale obrázky se zatím nenačítaly, přála bych si, aby zobrazovaly obrazovou reprezentaci namísto pouze prázdného místa. IE6 měl těžko najít "Zobrazit obrázek zástupný symbol" možnost, která dělala přesně to, ale to nebylo zapnuto ve výchozím nastavení.

Samozřejmě, aby zástupný symbol obrázku fungoval dobře, musí webová stránka obsahovat správné atributy šířka/výška, jak je uvedeno @ DA01 .

1
Hisham

Myslím, že význam progresivních/prokládaných obrazů se v posledních několika letech snížil. Mnoho lidí v zemích prvního světa má vysokorychlostní internet ( http://articlet.com/article791.html ). Když má uživatel dial-up přístup, může se uživatel ptát, proč jsou věci umístěny na obrazovce tak, jak jsou. Progresivní/prokládané obrázky dávají těmto uživatelům něco, na co se mají dívat, a jsou zvyklí na ně, jak se vyplňují v čase. Uživatelé s vysokorychlostním připojením k internetu budou obvykle mít obraz stažen dostatečně rychle, aby neviděl, jak se obrázek postupně vyplňuje.

Pokud bude váha stažených obrázků poměrně malá, budou při všech připojeních poměrně rychlá. Modemy dial-up mohou při plné šířce pásma vytáhnout obrázek 6,8 kB za 1 sekundu. Stejný obrázek pro někoho, kdo má připojení 20 MB, bude trvat pouze ~ 3 milisekundy. Můžete vidět, jak progresivní/prokládané obrázky neposkytují uživatelům vysokorychlostního internetu žádný přínos.

Podle článku (který je několik let starý) stále máme značné množství uživatelů, kteří se musí telefonicky zabývat. Chtěl bych alespoň udržet obrázky co nejmenší a využít co možná největší mezipaměť prohlížeče. Například soubor SVG se zipem může být mnohem menší a poskytuje lepší zážitek, pokud má někdo prostřednictvím svého telefonického připojení moderní prohlížeč. Stále se snažím udělat co nejvíce bez obrázků, jak jen dokážu. To znamená, že využiji webová písma Google nebo jejich hostování jQuery atd. Jakmile prohlížeč uloží kopii do mezipaměti (je mapována pomocí adresy URL v mezipaměti), musí ji stáhnout pouze jednou.

1
Berin Loritsch