Optimalizácia obrázka pre SharePoint Online

Rýchlosť pri načítaní webovej stránky závisí od celkovej veľkosti všetkých súčastí, ktoré sú potrebné na vykreslenie strany vrátane obrázkov, HTML, JavaScriptu a CSS. Obrázky sú skvelým spôsobom, ako zvýšiť pôsobivosť svojich stránok, avšak ich veľkosť môže mať vplyv na výkon. Optimalizáciou obrázkov kompresiou a zmenou veľkosti a pomocou zložených obrázkov môžete zmierniť vplyv veľmi veľkých obrázkov. Pomocou prevodov obrázkov v SharePointe môžete nahrať jeden veľký obrázok a zobraziť časti obrázka. Umožníte tak, aby sa obrázok namiesto opätovného načítania znovu použil.

Používanie zložených obrázkov na zrýchlenie načítavania obrázkov v programe SharePoint Online

Zložený obrázok obsahuje množstvo menších obrázkov. Pomocou šablóny CSS vyberiete časť zloženého obrázka a zobrazíte ju na konkrétnej časti stránky s absolútnym umiestnením. V podstate premiestňujete jeden obrázok na stránke namiesto načítania viacerých obrázkov a zviditeľníte malú časť obrázka pomocou malého okna, kde sa koncovému používateľovi zobrazí požadovaná časť zloženého obrázka. SharePoint Online používa zložené obrázky na zobrazenie svojich rozličných ikon v zloženom obrázku spcommon.png.

Zahŕňa to

  • kompresiu obrázka,

  • optimalizáciu obrázka,

  • prevody obrázkov v SharePointe.

Snímka obrazovky so zloženým obrázkom spcommon

Môže to zvýšiť výkon, pretože stiahnete iba jeden obrázok namiesto viacerých, potom ho uložíte do vyrovnávacej pamäte a tento obrázok znovu použijete. Aj v prípade, že obrázok nezostane vo vyrovnávacej pamäti, táto metóda tým, že máte jeden obrázok namiesto viacerých, znižuje celkový počet HTTP požiadaviek na server, čím sa skráti čas načítania stránky. Je to v skutočnosti forma spájania obrázkov. Je to veľmi užitočná technika pre prípad, že obrázky nemeníte príliš často, napríklad ikony, ako je to znázornené vo vyššie uvedenom príklade v SharePointe. Zistite, ako použiť Web Essentials, komunitný samoobslužný projekt tretej strany, pomocou ktorého to môžete jednoducho dosiahnuť v programe Microsoft Visual Studio. Ďalšie informácie nájdete v téme Zmenšenie a spájanie v SharePointe Online.

Použitie kompresie a optimalizácie obrázkov na zrýchlenie načítania stránky v SharePointe

Kompresia a optimalizácia obrázka je o zmenšení veľkosti súborov obrázkov, ktoré používate na svojej lokalite. Často je najlepším spôsobom na zmenšenie veľkosti obrázka zmeniť veľkosť obrázka na maximálne rozmery, ktoré sa budú zobrazovať na lokalite. Nemá význam, aby obrázok bol väčší, ako sa bude môcť zobrazovať. Ak chcete rýchlo a jednoducho zmenšiť veľkosť stránky, uistite sa pomocou editora obrázkov, či obrázky majú správne rozmery.

Ak obrázky majú správnu veľkosť, ďalším krokom je optimalizovať kompresiu týchto obrázkov. Existujú rôzne nástroje, ktoré sú k dispozícii pre kompresie a optimalizácie, vrátane Fotogalérie a nástrojov tretích strán. Kľúč ku kompresii je čo najviac zmenšiť veľkosť súboru tak, aby pritom koncoví používatelia nepozorovali zhoršenú kvalitu. Pamätajte, že komprimované súbory treba testovať vo vysokom rozlíšení zobrazenia, a tak sa uistiť, že ešte stále vyzerajú dobre.

Zrýchlenie sťahovania stránok pomocou prevodov obrázkov v SharePointe

Prevody obrázkov sú funkciou v programe SharePoint Online, ktorá umožňuje obslúžiť rôzne verzie obrázkov na základe preddefinovaných rozmerov obrázka. Toto je dôležité najmä vtedy, keď sú obrázky generované používateľmi alebo rozmery obrázka, ako sú šírka a výška, sú stanovené pomocou šablóny CSS na lokalite. Aj v prípade, že obrázok má stanovené rozmery pomocou šablóny CSS, obrázok sa stále načítava v plnom rozlíšení. V tomto prípade sa veľkosť súboru môže znížiť pomocou prevodov obrázkov.

Poznámka : Prevody sú k dispozícii pre SharePoint len vtedy, keď je povolené publikovanie. Publikovanie môžete povoliť v časti Nastavenia > Nastavenie lokality > Správa funkcií lokality > Publikovanie v aplikácii SharePoint Server. Ak publikovanie nie je povolené, prevody obrázkov sa pri používaní nezobrazia.

Prevod obrázka funguje tak, že sa vezme najmenší rozmer obrázka, ktorý stanovíte (buď šírka alebo výška), a potom zmeníte veľkosť tak, aby sa automaticky zmenila veľkosť ostatných rozmerov podľa uzamknutého pomeru strán. Podľa predvoleného nastavenia sa obrázok oreže od centra podľa zostávajúcich rozmerov. Ak napríklad stanovíte prevod so šírkou 100px a výškou 50px a pôvodný obrázok má šírku napríklad 1000px a výšku 800px, jeho veľkosť sa zmení tak, že 800px sa zmenší na 50px a 1000px sa oreže od stredu obrázka (po zmenšení je to 62,5px).

Tento postup je relatívne jednoduchý, no ak chcete robiť prevody obrázkov, je potrebné mať tieto prevody pre konkrétne obrázky na lokalite SharePoint ešte pred ich pridaním. Okrem toho je tiež potrebné mať zapnuté funkcie Infraštruktúra publikovania servera SharePoint Server (úroveň kolekcie lokalít) a publikovania servera SharePoint Server (na úrovni lokality).

Pridanie prevodu obrázka na zrýchlenie načítania stránky

  1. Skontrolujte, či používateľ konta, pre ktoré sa má vykonať tento postup, má povolenia minimálne na úrovni navrhovania na lokalitu najvyššej úrovne v kolekcii lokalít, a že lokalita bola publikovaná na webovej stránke.

  2. Vo webovom prehliadači prejdite na lokalitu najvyššej úrovne v kolekcii publikačných lokalít.

  3. Vyberte ikonu Nastavenia.

  4. Na stránke Nastavenie lokality v časti Vzhľad a správanie si zobrazíte vstavané prevody obrázkov.

    Môžete použiť predpripravené prevody alebo vybrať položku Prevody obrázkov a vytvoriť nový prevod.

    Snímka obrazovky s prevodom obrázka
  5. Na stránke Prevody obrázkov vyberte možnosť Pridať novú položku.

    Nová tabla Komentáre
  6. Na stránke Nový prevod obrázka v políčku Názov zadajte názov prevodu.

  7. V textových poliach Šírka a Výška zadajte šírku a výšku prevodu v pixeloch a potom vyberte položku Uložiť.

    Synchronizovaný priečinok OneDrive for Business v obľúbených položkách Prieskumníka

Vlastné orezania pomocou prevodov obrázkov na lokalite SharePoint

V predvolenom nastavení sa prevod obrázka generuje od stredu obrázka. Prevod obrázka môžete pre jednotlivé obrázky upraviť tak, že orežete tú časť obrázka, ktorú chcete použiť. Obrázky môžete orezať jednotlivo, po prevodoch. Orezanie obrázkov urýchľuje načítanie stránky použitím vyrovnávacej pamäte blogu SharePointu, pomocou ktorej sa vytvorí verzia obrázka pre každý prevod. Týmto spôsobom sa zníži zaťaženie servera, pretože veľkosť obrázka sa zmení iba raz, potom je už obrázok pripravený používateľom slúžiť viackrát. Ďalšie informácie o tom, ako orezať prevod obrázka nájdete v téme Orezanie prevodu obrázka.

Rozšírte svoje zručnosti
Preskúmať školenie
Buďte medzi prvými, ktorí získajú nové funkcie
Pridajte sa k insiderom pre Office

Boli tieto informácie užitočné?

Ďakujeme za vaše pripomienky!

Ďakujeme vám za pripomienky. Pravdepodobne vám pomôže, ak vás spojíme s pracovníkom podpory pre Office.

×