Je to poměrně dlouhá doba, co se objevila na zařízeních se systémem iOS, ale stále existuje spousta webových stránek, které nejsou připraveny pro Retina, a to i když se designéři a vývojáři dostali do hloubky skutečností plně reagujících, mobilních přátelský svět.
Zde je to, co potřebujete vědět o možnostech, jak vaše práce vypadat to nejlepší na stále častějších displejích Retina. Dobrou zprávou je, že jakkoli se to může zdát skličující, není to tak složité.
$config[code] not foundPřipravte si své webové stránky pro snímky připravené k použití ve vysokém rozlišení
Zdvojnásobte svou zábavu
Existuje mnoho způsobů, jak můžete tuto kočku pokožku, tak mluvit. V první, budete muset trochu ostrost CSS a zahrnout verze vašich obrazů na dvojnásobek jejich normální rozlišení. CSS určí, který snímek se má zobrazovat na základě zařízení, na kterém se vaše stránky zobrazují.
Aktualizace CSS, které budete potřebovat, se budou lišit v závislosti na vašich cílových prohlížečích, ale dobrou zprávou je, že to teď není hrozně komplikované a je stále snazší. Ponecháme skutečné kódování na jiný den.
Jedna věc, kterou je třeba mít na paměti: možná budete chtít vytvořit pojmenování konvence pro snímky sítnice, abyste mohli snadno spojit obě verze obrazu, pokud je třeba je později upravovat.
SVG
Dalším přístupem je SVG nebo škálovatelná vektorová grafika. Jak název napovídá, jsou omezeny na vektorovou grafiku a nebudou pracovat s fotografickými snímky, ale grafika SVG eliminuje potřebu dvou obrazových souborů pro každou grafickou stránku. Opět existují variace od prohlížeče po prohlížeč, takže budete chtít udělat další výzkum v závislosti na vašich potřebách.
A jak bylo uvedeno výše, SVG pravděpodobně nebude fungovat jako jediné řešení na většině webů, pokud web neobsahuje žádné fotografické obrázky.
Hrubou silou
Samozřejmě můžete také jednoduše vyměnit soubory s nízkým rozlišením a jednoduše sloužit snímkům připraveným k Retina. Doporučujeme to pouze pro použití s velmi přesně definovaným publikem. Pokud víte, že šířka pásma nebude problémem, mohlo by to být správná cesta, ale určitě to není nejlepší postup
Další kódovací řešení
Na druhém konci úsilí a elegančního spektra jsou metody kódování, které se spoléhají na některé změny na straně serveru (jako položky.htaccess) spolu s kódováním PHP a Javascript.
To by mohlo být vaše nejlepší řešení, ačkoliv úsilí, které by se mohlo vyvíjet, nemusí být pro menší projekty vhodné.
Celkový přístup, který přijmete, závisí na vašem publiku, povaze vizuálních stránek vašeho webu a na úrovni odborného týmu vašeho vývojového týmu. Existuje dobré řešení pro téměř každou situaci. Jediným špatným řešením je zcela ignorovat displeje Retina.
NASDAQ Foto přes Shutterstock
