Ottimizzazione delle immagini per SharePoint Online

Nota:  Riteniamo importante fornire il contenuto della Guida più recente non appena possibile, nella lingua dell'utente. Questa pagina è stata tradotta automaticamente e potrebbe contenere errori di grammatica o imprecisioni. L'intento è quello di rendere fruibile il contenuto. Nella parte inferiore della pagina è possibile indicare se le informazioni sono risultate utili. Questo è l' articolo in lingua inglese per riferimento.

La velocità di caricamento di una pagina Web dipende la dimensione totale di tutti i componenti necessari per il rendering della pagina, ad esempio immagini, HTML, JavaScript e CSS. Le immagini sono un ottimo modo per rendere più interessante il sito, ma le dimensioni possono influire sulle prestazioni. Per ottimizzare le immagini con la compressione e il ridimensionamento e utilizzo di sprite, è possibile spostare gli effetti delle immagini di dimensioni molto grandi. Usa SharePoint rendering delle immagini, è possibile caricare una singola immagine di grandi dimensioni e visualizzare le sezioni dell'immagine in modo che possa essere riutilizzato anziché ricaricare.

Usare gli sprite per velocizzare il caricamento di immagini in SharePoint Online

Un blocco appunti contiene molti immagini di piccole dimensioni. Con CSS selezionare una parte dell'immagine composta da visualizzare in una determinata parte della pagina con posizionamento assoluto. In pratica, spostare una singola immagine intorno alla pagina invece di caricare più immagini e rendere visibile una piccola parte dell'immagine tramite una piccola finestra in cui è visualizzata la parte dell'immagine sprite richiesta all'utente finale. SharePoint Online utilizza sprite per visualizzare le icone diversi in spcommon.png sprite.

Quelle illustrate di seguito:

  • Compressione delle immagini

  • Ottimizzazione delle immagini

  • Rendering delle immagini di SharePoint

Pulsante Aggiungi a gruppo

Questo può migliorare le prestazioni in quanto è possibile scaricare solo un'immagine anziché diverse e quindi memorizzare nella cache e riutilizzare l'immagine. Anche se l'immagine non rimangono memorizzati nella cache, mediante la ricezione di una singola immagine anziché più immagini, questo metodo consente di ridurre il numero totale di richieste HTTP al server che consente di ridurre i tempi di caricamento della pagina. Questo è un modulo di aggregazione di immagine. Questa è una tecnica molto utile se le immagini non viene modificato molto spesso, ad esempio, icone, come illustrato nell'esempio SharePoint disponibile sopra. È possibile come usare Web Essentials, un progetto di terze parti, Apri origine, basato su community per eseguire questa operazione con facilità in Microsoft Visual Studio. Per ulteriori informazioni, vedere riduzione e aggregazione in SharePoint Online.

Usare la compressione e l'ottimizzazione delle immagini per velocizzare il caricamento delle pagine in SharePoint

La compressione e l'ottimizzazione delle immagini implicano la riduzione delle dimensioni dei relativi file che si usano nel sito. Spesso la tecnica migliore per ridurre le dimensioni di un'immagine consiste nel ridimensionarla fino alle dimensioni massime in cui verrà visualizzata nel sito. Non ha senso avere un'immagine di dimensioni maggiori rispetto a quelle in cui verrà poi effettivamente visualizzata. Il modo più rapido e semplice per ridurre le dimensioni della pagina consiste nell'impostare le dimensioni corrette per le immagini usando un apposito editor.

Una volta definite le dimensioni corrette delle immagini, il passaggio successivo prevede di ottimizzarne la compressione. Sono disponibili vari strumenti da usare per la compressione e l'ottimizzazione, tra cui Raccolta foto e utilità di terze parti. Lo scopo della compressione è ridurre il più possibile le dimensioni del file senza perdere qualità percepibile per gli utenti finali. Assicurarsi di testare i file compressi su un display ad alta definizione per verificare che la qualità sia ancora soddisfacente.

Accelerare il download delle pagine con il rendering delle immagini in SharePoint

Rendering delle immagini è una caratteristica di SharePoint Online che consente di fornire di più versioni di immagini in base alle dimensioni immagine predefinite. Questa operazione è particolarmente importante quando è presente contenuto generati dall'utente dell'immagine o le dimensioni dell'immagine, ad esempio la larghezza e altezza corretti da foglio di stile CSS nel sito. Anche se un'immagine è fissa, CSS, l'immagine ad alta risoluzione è ancora caricata. In questo caso è possono ridurre le dimensioni del file con rendering delle immagini.

Nota: Il rendering è disponibile per SharePoint solo se la pubblicazione è abilitata. Per abilitare la pubblicazione, scegliere Impostazioni > Impostazioni sito > Gestisci caratteristiche sito > Pubblicazione SharePoint Server. In caso contrario, l'opzione non verrà visualizzata.

Con il rendering, la dimensione minima dell'immagine, che può essere la larghezza o l'altezza, viene ridimensionata in modo che l'altra dimensione venga automaticamente ridimensionata in base alle proporzioni bloccate. Per impostazione predefinita, l'immagine viene ritagliata dal centro in base alle dimensioni rimanenti. Se ad esempio si definisce un rendering di 100 px in larghezza e 50 px in altezza, mentre l'immagine originale è di 1000 px in larghezza e 800 px in altezza, l'immagine viene ridimensionata in modo che la dimensione di 800 px diventi 50 px e la dimensione di 1000 px (ora di 62,5 px) venga ritagliata dal centro.

La procedura è relativamente semplice, ma per usare il rendering è necessario che la caratteristica sia già disponibile nel sito di SharePoint prima dell'aggiunta delle immagini. È inoltre necessario che siano attivate le caratteristiche Infrastruttura di pubblicazione SharePoint Server (a livello di raccolta siti) e Pubblicazione SharePoint Server (a livello di sito).

Aggiungere il rendering delle immagini per velocizzare il caricamento delle pagine

  1. Verificare che l'account utente che esegue questa procedura abbia almeno le autorizzazioni di progettazione per il sito principale della raccolta siti e che il sito sia pubblicato in una pagina Web.

  2. In un Web browser passare al sito principale della raccolta siti di pubblicazione.

  3. Scegliere l'icona Impostazioni.

  4. Nella sezione Aspetto della pagina Impostazioni sito verrà visualizzato il rendering dell'immagine predefinito.

    È possibile usare questo o scegliere Rendering immagini per crearne uno nuovo.

    Immagine della barra multifunzione di Word
  5. Nella pagina Rendering immagini scegliere Aggiungi nuovo elemento.

    Nuovo riquadro Commenti
  6. Nella pagina Nuovo rendering immagine immettere un nome nella casella Nome.

  7. Nelle caselle di testo Larghezza e Altezza immettere la larghezza e l'altezza in pixel per il rendering e quindi scegliere Salva.

    Cartella di OneDrive for Business sincronizzata nei Preferiti di Esplora file

Ritaglio personalizzato con il rendering delle immagini in SharePoint

Per impostazione predefinita, un rendering viene generato dal centro dell'immagine. È possibile modificare il rendering per singole immagini da ritagliare la parte dell'immagine che si desidera utilizzare. È possibile ritagliare immagini su base individuale, al rendering delle immagini. Ritagliare le immagini di velocizzare caricamento utilizzando cache blob di SharePoint per creare una versione dell'immagine per ogni rendering della pagina. In questo modo il carico del server verrà ridotte perché l'immagine verrà ridimensionata solo una volta e quindi è pronto per fornire agli utenti finali più volte. Per ulteriori informazioni su come ritagliare un rendering delle immagini, vedere ritagliare un rendering delle immagini.

Amplia le tue competenze su Office
Esplora i corsi di formazione
Ottieni in anticipo le nuove caratteristiche
Partecipa al programma Office Insider

Queste informazioni sono risultate utili?

Grazie per il feedback!

Grazie per il tuo feedback! Potrebbe essere utile metterti in contatto con uno dei nostri operatori del supporto di Office.

×