Optimizarea imaginilor pentru SharePoint Online

Viteza de încărcare a unei pagini web depinde de dimensiunea combinată a tuturor componentelor necesare pentru a reda pagina, inclusiv imagini, HTML, JavaScript și CSS. Imaginile sunt o modalitate foarte bună de a face site-ul mai atractiv, dar dimensiunea lor poate afecta performanța. Optimizând imaginile prin comprimare și redimensionare și utilizând fișiere sprite, puteți compensa efectele imaginilor foarte mari. Utilizând redări de imagini SharePoint, puteți să încărcați o singură imagine mare și să afișați secțiuni ale imaginii, făcând posibilă reutilizarea, mai degrabă decât reîncărcarea acestora.

Utilizarea de fișiere sprite pentru a accelera încărcarea imaginilor în SharePoint Online

Un fișiere sprite de imagine conține mai multe imagini mai mici. Utilizând CSS, selectați o parte a imaginii compuse pentru a o afișa pe o anumită parte a paginii cu poziționare absolută. Practic, mutați o singură imagine în pagină în loc să încărcați mai multe imagini și să faceți vizibilă o mică parte din acea imagine printr-o fereastră mică în care se afișează partea necesară a imaginii sprite pentru utilizatorul final. SharePoint Online utilizează fișiere sprite pentru a afișa diversele sale pictograme în spcommon.png sprite.

Ce este descris aici

  • Comprimarea imaginilor

  • Optimizarea imaginilor

  • Redările imaginilor SharePoint

Captură de ecran cu spcommon

Acest lucru poate mări performanța, deoarece descărcați o singură imagine, nu mai multe și apoi memorați în cache și reutilizați acea imagine. Chiar dacă imaginea nu rămâne memorată în cache, dacă aveți o singură imagine, nu mai multe, această metodă reduce numărul total de solicitări HTTP pe server, ceea ce înseamnă reducerea timpului de încărcare a paginii. Aceasta este, de fapt, o formă de grupare a imaginilor. Aceasta este o tehnică foarte utilă dacă imaginile nu se modifică foarte des, de exemplu, pictogramele, așa cum se arată în exemplul cu SharePoint oferit mai sus. Acum puteți utiliza Web Essentials, un proiect al unei terțe părți, de tip open-source, bazat pe comunitate, pentru a realiza acest lucru cu ușurință în Microsoft Visual Studio. Pentru mai multe informații, consultați Minimizarea și gruparea în SharePoint Online.

Utilizarea comprimări și optimizării imaginilor pentru a accelera încărcarea paginilor în SharePoint

Comprimarea și optimizarea imaginilor înseamnă reducerea dimensiunii de fișier a imaginilor pe care le utilizați pe site. Deseori, cea mai bună tehnică pentru a reduce dimensiunea unei imagini este redimensionarea sa la dimensiunile maxime la care va fi vizualizată pe site. Nu are niciun sens să aveți o imagine mai mare decât ar putea fi vizualizată vreodată. Asigurarea că imaginile sunt la dimensiuni corecte utilizând un editor de imagini este o modalitate rapidă și simplă de a reduce dimensiunea paginii.

După ce imaginile au dimensiunea corectă, următorul pas este să optimizați comprimarea lor. Sunt disponibile diverse instrumente pe care să le utilizați pentru comprimare și optimizare, inclusiv Galeria foto și instrumente de la terți. Secretul pentru comprimare este să reduceți dimensiunea fișierului cât mai mult posibil, fără a pierde din calitatea vizualizării pentru utilizatorii finali. Asigurați-vă că testați fișierele comprimate pe un ecran de înaltă definiție, pentru a vă asigura că ele vor arăta bine în continuare.

Accelerarea descărcării paginilor prin utilizarea redărilor de imagini SharePoint

Redările de imagini sunt o caracteristică din SharePoint Online care vă permite să afișați versiuni diferite de imagini pe baza dimensiunilor de imagine predefinite. Acest lucru este important mai ales atunci când există un conținut de imagine generat de utilizator sau dimensiunile imaginii, cum ar fi lățimea și înălțimea, sunt stabilite de CSS pe site. Chiar dacă o imagine este stabilită de CSS, se încarcă totuși imaginea la rezoluție completă. În acest caz, dimensiunea de fișier poate fi redusă prin utilizarea redărilor de imagini.

Notă : Redările sunt disponibile numai pentru SharePoint atunci când este activată publicarea. Puteți activa publicarea sub Setări > Setări site > Gestionare caracteristici site > Publicare SharePoint Server. Opțiunea nu va apărea altfel.

Redimensionarea redării imaginilor funcționează preluând cea mai mică dimensiune pe care o definiți, fie lățimea, fie înălțimea, și redimensionând apoi imaginea, astfel încât cealaltă dimensiune să fie redimensionată automat pe baza raportului blocat de aspect. În mod implicit, se va trunchia imaginea din centru după dimensiunile rămase. De exemplu, dacă definiți o redare de 100 px lățime și 50 px înălțime și imaginea originală are 1000 px lățime și 800 px înălțime, se va redimensiona astfel încât dimensiunea de 800 px să fie acum 50 px și dimensiunea 1000 px (acum 62,5px) să fie trunchiată din centrul imaginii.

Pașii sunt relativ simpli, dar, pentru ca imaginile să utilizeze redările, redările trebuie să se afle pe un site SharePoint înainte să adăugați imagini. În plus, trebuie, de asemenea, să aveți infrastructura de publicare SharePoint Server (nivel de colecție de site-uri) și să activați caracteristicile de publicare SharePoint Server (nivel de site).

Adăugarea unei redări de imagini pentru a mări viteza de încărcare a paginilor

  1. Verificați dacă acel cont de utilizator care efectuează această procedură are cel puțin permisiuni de Proiectare pe site-ul de nivel superior din colecția de site-uri și dacă site-ul este publicat într-o pagină web.

  2. Într-un browser web, accesați site-ul de nivel superior din colecția de site-uri de publicare.

  3. Alegeți pictograma Setări.

  4. În pagina Setări site, în secțiunea Aspect și stil, veți vedea redările de imagini încorporate.

    Puteți să utilizați redările predefinite sau să alegeți Redări imagine pentru a crea una nouă.

    Captură de ecran cu Redare imagine
  5. În pagina Redări imagine, alegeți Adăugare element nou.

    Captură de ecran cu Adăugare element nou
  6. În pagina Redare imagine nouă, în caseta Nume, introduceți un nume pentru redare.

  7. În casetele text Lățime și Înălțime, introduceți lățimea și înălțimea, în pixeli, pentru redare, apoi alegeți Salvare.

    Captură de ecran cu numele de redare a imaginii

Trunchierea particularizată cu redările de imagini în SharePoint

În mod implicit, o redare a unei imagini este generată din centrul imaginii. Puteți să ajustați redarea imaginii pentru imagini individuale trunchiind porțiunea din imagine pe care doriți să o utilizați. De asemenea, puteți trunchia imagini individual, pentru fiecare redare. Trunchierea imaginilor accelerează încărcarea paginilor utilizând memoria cache de blog din SharePoint, pentru a crea o versiune a imaginii pentru fiecare redare. În acest mod, încărcările de pe server se reduc, deoarece imaginea se redimensionează doar o dată, fiind apoi gata să fie servită utilizatorilor de mai multe ori. Pentru mai multe informații despre cum se trunchiază o redare a unei imagini, consultați Trunchierea redării unei imagini.

Extindeți-vă competențele
Explorați instruirea
Fiți primul care obține noile caracteristici
Alăturați-vă utilizatorilor Office Insider

Au fost utile aceste informații?

Vă mulțumim pentru feedback!

Vă mulțumim pentru feedback! Se pare că ar fi util să luați legătura cu unul dintre agenții noștri de asistență Office.

×