projektování pro Retina displeje s vysokým rozlišením
naše agentura Boston creative design pracuje na mnoha redesignech webových stránek. U všech našich projektů chceme zajistit, aby naši klienti dostávali kvalitní grafiku, která vypadá jasně a profesionálně. Optimalizujeme tedy obrázky pro displeje sítnice s vysokým rozlišením. Ty se v posledních letech staly populárními, zejména u většiny produktů společnosti Apple.
pixely a rozlišení
obrázky na obrazovce jsou vyrobeny z barevných čtverců nazývaných pixely. Rozlišení nebo jasnost obrazu je definováno počtem pixelů v celé šířce a výšce obrazovky.
obrazovky sítnice zobrazují menší a bližší pixely než standardní obrazovky. Vyžadují také dvojnásobek pixelů, aby zobrazily stejnou kvalitu obrazu jako standardní obrazovka. To má za následek vyšší rozlišení a vyšší kvalitu obrazu. Viz níže uvedené obrázky pro ilustraci:
navrhování pro Retina displeje
rastrové rozlišení
ačkoli vodítko pro navrhování se standardními displeji je 72 pixelů na palec, doporučení pro optimalizaci sítnice je 200ppi. Obrázek s nižším rozlišením se jeví rozmazaný nebo pixelovaný. S obrázky s nízkým rozlišením je obtížné pracovat a práce se jeví jako neprofesionální nebo nedbalá.
vektorové obrázky
kdykoli je to možné, naši grafici vám doporučují používat .soubory svg pro obrázky na webu, například pro ikony a tlačítka. Jedná se o vektorové soubory, nezávislé na rozlišení, vypadají ostře na jakékoli obrazovce a mají malou velikost souboru.
před provedením obrázku pro web zkontrolujte, zda bude rozlišení dostatečně velké na velikost, ve které bude reprodukováno. Navrhování pro sítnice obrazovky je třeba zajistit, aby všechny práce vypadá profesionální a leštěné.