# Linee guida all'utilizzo delle immagini

Quando un redattore utilizza un'immagine, deve tener conto di una serie di fattori:

* vanno utilizzate immagini solo se aiutano a comprendere meglio il contenuto o a renderlo più fruibile. Bisogna utilizzare quindi immagini pertinenti e non pubblicare sequenze di foto simili tra loro se non aggiungono significato;
* il soggetto dell'immagine (viso, persone, oggetti) deve essere **al centro.** Non utilizzare immagini con persone in primo piano;
* usare sempre un **testo alternativo** (*alt text*) che ne descriva il contenuto. Il testo dovrà essere breve e pertinente, non troppo generico nella descrizione e soprattutto coerente;
* **non utilizzare immagini con scritte**: queste non potranno essere gestite da persone con disabilità visive e quindi risultare poco accessibili. In particolare, le locandine non vanno caricate come immagine ma come file allegato di un evento.

## Le dimensioni delle immagini

Vanno predilette immagini orizzontali di formato .jpg e .png, modello colori RGB:

* la **dimensione ideale** consigliata è di **2400\*1600 px**. Immagini di queste dimensioni garantiscono un’ottima qualità di visualizzazione anche su schermi di grandi dimensioni, come ad esempio quelli dei computer desktop;
* la **dimensione minima consigliata per un’immagine full size** è di **1600\*900 px**. Queste dimensioni, consentono all’immagine di occupare lo spazio in alto dello schermo quando usate per determinati contenuti (es. gli Eventi);
* la **dimensione minima consigliata** quando si decide di utilizzare un’immagine è di **1170\*600 px**: dimensioni inferiori causano una perdita di definizione sugli schermi di grandi dimensioni e quindi conseguentemente rendere il contenuto associato all’immagine meno accessibile.

È possibile utilizzare **immagini verticali**, ma limitandole a determinate classi di contenuto (es. Persona pubblica). In questi casi, la dimensione consigliata è 500\*600 px.

Se utilizziamo le dimensioni previste, l'immagine verrà visualizzata correttamente sia all'interno del contenuto sia nelle visualizzazioni in anteprima.

<div data-full-width="true"><figure><img src="https://3823931934-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FfYDGLbEkTaK5gywjDOEN%2Fuploads%2FT0hmbZZq7ZAX9rKroqKm%2Fimage.png?alt=media&#x26;token=90666f63-1d66-4119-9eee-92cd25a0c985" alt=""><figcaption></figcaption></figure> <figure><img src="https://3823931934-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FfYDGLbEkTaK5gywjDOEN%2Fuploads%2FDOdmW9pmSLg31HLfMtsH%2FScreenshot%20(1).png?alt=media&#x26;token=34ef5818-afe2-4ebd-9c54-06413e305de4" alt=""><figcaption></figcaption></figure> <figure><img src="https://3823931934-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FfYDGLbEkTaK5gywjDOEN%2Fuploads%2FV7yV3rLMFu9VMuxW1NXn%2FScreenshot.png?alt=media&#x26;token=74d9138c-ee1e-47fc-bbe0-b767d284d503" alt=""><figcaption></figcaption></figure></div>
