Optimizacija slik za SharePoint Online

Hitrost nalaganja spletne strani je odvisna od skupne velikosti vseh komponent, potrebnih za upodobitev strani, vključno s slikami, HTML-jem, JavaScriptom in seznamom slogov CSS. S slikami je mogoče ustvariti bolj privlačno mesto, vendar pa lahko njihova velikost vpliva ne učinkovitost delovanja. Če slike optimizirate s stiskanjem in spreminjanjem velikosti ter uporabo grafičnih likov, lahko ublažite negativne učinke zelo velikih slik. Z upodobitvami slik v ShraePointu lahko prenesete eno veliko sliko in prikažete dele slike, tako da je ni treba znova naložiti, ampak preprosto uporabiti znova.

Uporaba grafičnih likov za hitrejše nalaganje slik v storitvi SharePoint Online

Grafični lik vsebuje številne majhne slike. S seznamom slogov CSS izberete del sestavljene slike, ki ga želite prikazati na določenem delu strani z absolutnim določanjem položaja. S tem v bistvu namesto nalaganja več slik premikate eno sliko na strani, pri tem pa je majhen del te slike prikazan prek majhnega okna, v katerem je zahtevan del grafičnega lika prikazan končnemu uporabniku. SharePoint Online uporablja grafične like za prikaz svojih različnih ikon v grafičnem liku »spcommon.png«.

Postopki, opisani v tej temi

  • Stiskanje slik

  • Optimizacija slik

  • Upodabljanje slik v SharePointu

Posnetek zaslona z možnostjo »spcommon«

S tem lahko izboljšate učinkovitost delovanja, ker namesto več slik prenesete le eno sliko ter nato predpomnite in znova uporabite to sliko. Tudi če slika ne ostane predpomnjena, ta način zmanjša skupno število zahtev HTTP, poslanih v strežnik, kar zmanjša čas nalaganja strani, saj imate namesto več slik le eno sliko. Ta postopek je v bistvu oblika združevanja slik. To je zelo uporabna tehnika, če se slike ne spreminjajo pogosto, na primer ikone, kot je prikazano v zgornjem primeru iz SharePointa. To lahko preprosto dosežete v programu Microsoft Visual Studio, in sicer z razširitvijo Web Essentials, odprtokodnem projektu skupnosti neodvisnih proizvajalcev. Če želite več informacij, si oglejte Minimiziranje in povezovanje v SharePoint Onlineu.

Uporaba stiskanja in optimizacije slik za hitrejše nalaganje strani v SharePointu

Namen stiskanja in optimizacije slik je zmanjšati velikost slikovnih datotek, ki jih uporabljate na spletnem mestu. Najboljši način za zmanjšanje velikosti slike je pogosto spreminjanje velikosti slike do največjih mer, v katerih bo prikazana na spletnem mestu. Nesmiselno bi bilo imeti sliko, katere mere bi bile večje od mer prikaza slike. Velikost strani lahko hitro in preprosto zmanjšate tako, da z urejevalnikom slik zagotovite pravilne mere slik.

Ko so slike pravilne velikosti, morate v naslednjem koraku optimizirati stiskanje teh slik. Za stiskanje in optimizacijo so na voljo številna orodja, vključno s Fotogalerijo in orodji drugih izdelovalcev. Pri stiskanju je najpomembnejše to, da čim bolj zmanjšate velikost datoteke, vendar pri tem ne izgubite nobene razpoznavne kakovosti za končne uporabnike. Stisnjenih datotek ne pozabite preskusiti na zaslonu visoke ločljivosti, da preverite, ali je njihov videz še vedno dober.

Pospešitev prenosov strani z upodobitvami slik v SharePointu

Upodobitev slike je funkcija v storitvi SharePoint Online, s katero lahko prikažete različne različice slike na podlagi vnaprej določenih mer slike. To je zlasti pomembno pri slikovni vsebini, ki jo ustvari uporabnik, ali kadar so mere slike, kot sta širina in višina, določene s seznamom slogov CSS na spletnem mestu. Slika je še vedno naložena v polni ločljivosti, tudi če so mere slike določene s seznamom slogov CSS. V tem primeru lahko velikost datoteke zmanjšate z upodobitvami slike.

Opomba : Upodobitve so za SharePoint na voljo le, če je omogočeno objavljanje. Objavljanje omogočite tako, da izberete »Nastavitve« > »Nastavitve mesta« > »Upravljanje funkcij mesta« > »Objavljanje v strežniku SharePoint Server«. V nasprotnem primeru ta možnost ne bo prikazana.

Pri spreminjanju velikosti upodobitve slike je najprej vzeta najmanjša mera, ki jo določite (širina ali višina), nato pa je velikost slike spremenjena tako, da je velikost druge mere spremenjena samodejno glede na zaklenjeno razmerje višina/širina. Slika je pri tem privzeto obrezana iz središča s preostalimi merami. Če na primer določite upodobitev s širino 100 slikovnih pik in višino 50 slikovnih pik, širina prvotne slike pa je 1000 slikovnih pik, višina pa 800 slikovnih pik, bo velikost spremenjena tako, da bo mera 800 slikovnih pik zdaj 50 slikovnih pik, mera 1000 slikovnih pik (zdaj 62,5 slikovnih pik) pa je obrezana iz središča slike.

Koraki so dokaj preprosti, vendar če želite za slike uporabiti upodobitve, morate pred dodajanjem slik najprej dodati upodobitve na SharePointovo mesto Poleg tega morate vklopiti tudi funkciji »Infrastruktura strežnika SharePoint Server za objavljanje« (raven zbirke mest) in »Objavljanje v strežniku SharePoint« (raven spletnega mesta).

Dodajanje upodobitve slike za hitrejše nalaganje strani

  1. Prepričajte se, da ima uporabniški račun, s katerim izvajate ta postopek, najmanj dovoljenja za oblikovanje za mesto na najvišji ravni v zbirki mest in da je mesto objavljeno na spletni strani.

  2. V spletnem brskalniku obiščite mesto na najvišji ravni zbirke mest za objavljanje.

  3. Izberite ikono Nastavitve.

  4. Na strani Nastavitve mesta v razdelku Videz in delovanje so prikazane vgrajene upodobitve slik.

    Uporabite lahko upodobitve slik, ki so pripravljene za uporabo, ali pa izberete Upodobitve slike, da ustvarite novo.

    Posnetek zaslona z možnostjo »Upodobitev slike«
  5. Na strani Upodobitve slike izberite Dodaj nov element.

    Posnetek zaslona z možnostjo »Dodaj nov element«
  6. Na strani Nova upodobitev slike vnesite ime upodobitve v polje Ime.

  7. V polji z besedilom Širina in Višina vnesite širino ter višino upodobitve v slikovnih pikah in nato izberite Shrani.

    Posnetek zaslona z možnostjo »Ime upodobitve slike«

Obrezovanje po meri z upodobitvami slik v SharePointu

Upodobitev slike je privzeto ustvarjena iz središča slike. Upodobitev slike lahko za posamezne slike prilagodite tako, da obrežete del slike, ki ga želite uporabiti. Slike lahko obrežete posamezno glede na posamezno upodobitev slike. Z obrezovanjem slik pospešite nalaganje strani tako, da s SharePointovim predpomnilnikom spletnega dnevnika ustvarite različico slike za posamezno upodobitev. S tem zmanjšate obremenitev strežnika, saj je velikost slike spremenjena samo enkrat in je nato pripravljena, da jo uporabniki večkrat uporabijo. Če želite več informacij o obrezovanju upodobitve slike, si oglejte Obrezovanje upodobitve slike.

Razširite svoja znanja
Oglejte si izobraževanje
Prvi dobite nove funkcije
Pridružite se programu Office Insider

Vam je bila informacija v pomoč?

Zahvaljujemo se vam za povratne informacije.

Zahvaljujemo se vam za povratne informacije. Videti je, da bi vam prišla prav pomoč enega od naših Officeovih agentov za podporo.

×