Office
Logi sisse

Piltide optimeerimine SharePoint Online’is

Veebisaidi laadimiskiirus oleneb kõikide lehe renderdamiseks vajalike komponentide (sh piltide, HTML-i, JavaScripti ja CSS-i komponentide) kombineeritud mahust. Piltidega saab väga hästi saidi ilmet paremaks muuta, kuid nende suurus võib mõjutada jõudlust. Piltide tihendamisega ja nende suuruse muutmisega neid optimeerides ning sprite-failide kasutamisega saate mahukate piltide kasutamise mõju korvata. SharePointi pildirenderdusfunktsioonide abil saate üles laadida ühe suure pildifaili ning kuvada pildi eri osasid. Pilti saab uuesti üleslaadimise asemel taaskasutada.

Sprite-failide abil piltide laadimise kiirendamine SharePoint Online’is

Sprite-pildifail koosneb mitmest väiksemast pildist. CSS-i abil saate valida liitpildi ühe osa lehe mingis osas absoluutpaigutusega kuvamiseks. Põhimõtteliselt liigutate lehel ühte pilti (selle asemel, et laadida üles mitu pilti) ning muudate väikese osa sellest pildist nähtavaks pisikese akna abil, mille kaudu vajalikku sprite-pildifaili osa lõppkasutajale kuvatakse. SharePoint Online rakendab sprite-faile erinevate spcommon.png ikoonide kuvamiseks.

Käsitletavad teemad

  • Pildi tihendamine

  • Pildi optimeerimine

  • SharePointi pildirenderdused

Kuvatõmmis failist spcommon

Sellega saate parandada jõudlust, sest laadite mitme pildi asemel alla ainult ühe pildi ning siis kasutate seda pilti uuesti vahemälust. Isegi kui pilt ei jää vahemällu, vähendab selle meetodi kasutamine (mitme pildi asemel ühe pildi kasutamisega) HTTP-päringute koguarvu serverisse ja seeläbi lehe laadimisaega. See on tegelikult piltide liitmise viis. See on kasulik võte, kui pildid – näiteks ikoonid – ei muutu eriti tihti, nagu eespool kirjeldatud SharePointi näite puhul. Meetodit saate Microsoft Visual Studios hõlpsalt kasutada kolmanda poole avatud lähtekoodiga kogukonnapõhise projekti Web Essentials abil. Lisateavet lugege teemast Vähendamine ja kombineerimine SharePoint Online’is.

Pildi tihendamise ja optimeerimise kasutamine lehe laadimise kiirendamiseks SharePointis

Piltide tihendamine ja optimeerimine tähendab seda, et vähendate oma saidil kasutatavate pildifailide suurust. Tihti on parim viis pildifaili suuruse vähendamiseks muuta pildi suurus maksimaalseks saidil kuvatavaks suuruseks. Suurema pildifaili kasutamisel pole mõtet, kui seda kunagi nii suurelt ei kuvata. Kiire viis oma lehe failisuuruse vähendamiseks on pildiredaktoris pildi mõõtmete sobivust kontrollida.

Kui pildid on õige suurusega, tuleb järgmisena nende piltide tihendusastet optimeerida. Tihendamiseks ja optimeerimiseks on saadaval mitmesuguseid tööriistu, sh fotogalerii ja kolmandate poolte tööriistad. Tihendamise põhimõte on vähendada faili suurust võimalikult palju ilma lõppkasutajatele märgatava kvaliteedikao tekkimiseta. Vaadake oma tihendatud faile kõrglahutusega kuval, et veenduda nende heas kvaliteedis.

SharePointi pildirenderdustega lehe allalaadimiste kiiruse suurendamine

SharePoint Online’i pildirenderdusfunktsioon võimaldab esitada pildi erinevaid versioone pildi eelmääratud mõõtmete alusel. See on eriti oluline kasutaja loodud pildisisu puhul või juhul, kui pildi mõõtmed (näiteks laius ja pikkus) on saidil CSS-iga fikseeritud. Isegi kui pilt on CCS-iga fikseeritud, laaditakse siiski täieliku eraldusvõimega pilt. Sellisel juhul saab pildirenderdustega faili suurust vähendada.

Märkus.: Renderdused on SharePointis saadaval üksnes siis, kui lubatud on avaldamine. Avaldamise saate lubada, kui valite Sätted > Saidisätted > Saidi funktsioonide haldamine > SharePoint Serveri avaldamisteenus. Vastasel juhul eespool nimetatud valikut ei kuvata.

Pildi renderduse suuruse muutmisel võetakse väikseim teie määratav mõõde, kas pikkus või laius, ning muudetakse seejärel pildi suurust nii, et muud mõõtmed määratakse automaatselt fikseeritud proportsioonide järgi. Vaikimisi kärbitakse sellega pilti keskelt määratud mõõtmeteni. Kui määrate näiteks renderduse, mis on 100px lai ja 50 px kõrge, ning teie originaalpilt on 1000px lai ja 800px kõrge, muudetakse pildi suurust nii, et 800px on nüüd 50px ja 1000px (nüüd 62,5px) kärbitakse pildi keskelt.

Juhised on suhteliselt lihtsad, kuid piltide renderduste kasutamiseks peavad renderdused olema enne piltide lisamist SharePointi saidil. Lisaks peavad olema sisse lülitatud SharePoint Serveri avaldamistaristu (saidikogumi tasemel) ja SharePoint Serveri avaldamisteenus (saidi tasemel).

Pildirenderduse lisamine lehe laadimise kiirendamiseks

  1. Veenduge, et seda toimingut sooritaval konto on vähemalt saidikogumi ülataseme saidi kujundusõigused ning et sait avaldatakse veebilehel.

  2. Minge brauseris avaldamissaitide kogumi ülataseme saidile.

  3. Valige ikoon Sätted.

  4. Lehel Saidi sätted jaotises Ilme ja olemus näete valmis-pildirenderdusi.

    Saate kasutada valmisrenderdusi või valida Pildirenderdused, et luua uus renderdus.

    Kuvatõmmis pildirenderduse lehest
  5. Tehke lehel Pildirenderdused valik Lisa uus üksus.

    Kuvatõmmis käsust „Lisa uus üksus”
  6. Sisestage lehe Uus pildirenderdus väljale Nimi renderduse nimi.

  7. Tekstiväljadele Laius ja Kõrgus sisestage pikslites renderduse laius ja kõrgus ning valige Salvesta.

    Kuvatõmmis pildirenderduse nime väljast

Kohandatud kärpimine pildirenderdustega SharePointis

Vaikimisi luuakse pildi renderdus pildi keskelt. Iga pildi renderdust saate muuta, kui kärbite pildi osa, mida soovite kasutada. Pilte saate kärpida ühekaupa iga renderduse puhul. Piltide kärpimine kiirendab lehe laadimist – SharePointi ajaveebi vahemälu rakendades luuakse iga renderduse jaoks uus pildiversioon. Nii vähendatakse serveri koormust, sest pildi suurust muudetakse ainult üks kord ja seejärel saab seda kasutajate jaoks rakendada mitmeid kordi. Lisateabe saamiseks pildirenderduse kärpimise kohta lugege teemat Pildirenderduse kärpimine.

Täiendage Office'i kasutamise oskusi
Tutvuge koolitusmaterjalidega
Kasutage uusi funktsioone enne teisi
Liituge Office Insideri programmiga

Kas sellest teabest oli abi?

Täname tagasiside eest!

Täname tagasiside eest! Tundub, et võiksime teid kokku viia ühega meie Office'i tugiagentidest, kes aitab teil probleemi lahendada.

×