# Utilizzare le immagini

{% hint style="warning" %}
Quando utilizzi le immagini, tieni in considerazione le [linee guida di utilizzo](#linee-guida-allutilizzo-delle-immagini).
{% endhint %}

Il redattore dispone di alcune funzioni che gli permetto di:

* [associare un'immagine](#associare-unimmagine-al-contenuto) ad un contenuto;
* [creare una nuova immagine](#creare-unimmagine) sulla piattaforma.

## Associare un'immagine

Per associare un immagine durante la [creazione](https://docs.opencityitalia.it/manuale-opencity-italia-sito-web-istituzionale-v3/la-piattaforma/funzioni-generali-di-gestione-dei-contenuti/creare-un-nuovo-contenuto) o la [modifica](https://docs.opencityitalia.it/manuale-opencity-italia-sito-web-istituzionale-v3/la-piattaforma/funzioni-generali-di-gestione-dei-contenuti/modificare-un-contenuto) di un contenuto, seleziona un'immagine dalla libreria (1) e clicca su "Aggiungi" (2) 

<figure><img src="https://3823931934-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FfYDGLbEkTaK5gywjDOEN%2Fuploads%2FMBxhUlTlS6JwDfo7wcWG%2Fimage.png?alt=media&#x26;token=e2053366-35ef-413c-b3c1-75a16d557097" alt=""><figcaption></figcaption></figure>

## Creare un'immagine

Il redattore può creare un'immagine:

* [durante la creazione o la modifica di un contenuto](#creare-unimmagine-direttamente-da-contenuto);
* [all'interno della Libreria media](#creare-unimmagine-nella-libreria-media).

### Creare un'immagine da contenuto

Nel campo "Galleria immagini" o "Immagini" il redattore clicca su "Crea immagine"

<figure><img src="https://3823931934-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FfYDGLbEkTaK5gywjDOEN%2Fuploads%2FCXkuHdqPD4eSrEcymOFm%2Fimage.png?alt=media&#x26;token=47db7209-f766-4333-a675-2810ffdada4e" alt=""><figcaption></figcaption></figure>

Il redattore inserisce qui:

* il titolo dell'immagine (*Nome*);
* il file dell'immagine da caricare (*File immagine*);
* il testo alternativo (*alt text*);
* la licenza di utilizzo;
* l'autore.

<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%2FsIJ6699LHIRtKQQBNi9P%2Fimage.png?alt=media&#x26;token=d5baab33-aeed-4731-a4ed-b843ec3c30a0" alt=""><figcaption></figcaption></figure></div>

In questo modo, l'immagine viene automaticamente creata all'interno della "Libreria media" e messa a disposizione anche per gli altri redattori.

Nel caso in cui le immagini della Libreria fossero divise in [cartelle](#creare-le-cartelle), puoi indicare quella in cui caricare l'immagine alla voce "Collocazione"

<figure><img src="https://3823931934-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FfYDGLbEkTaK5gywjDOEN%2Fuploads%2FJgmZv8oXtSUJSQubjCnl%2Fimage.png?alt=media&#x26;token=886005f3-b926-4581-a71c-ba221fe25c67" alt=""><figcaption></figcaption></figure>

### Creare un'immagine nella Libreria media

Dal [menù del redattore](https://docs.opencityitalia.it/manuale-opencity-italia-sito-web-istituzionale-v3/la-piattaforma/il-menu-redattore) il redattore clicca su "Amministra" e poi su "Libreria media" (1); all'interno della libreria, accede alla pagina "Immagini" (2).

<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%2F1rqG7X3IzyspKevMUVkB%2Fimage.png?alt=media&#x26;token=3287a445-a60d-4bbc-b020-508efa92dac8" alt=""><figcaption></figcaption></figure> <figure><img src="https://3823931934-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FfYDGLbEkTaK5gywjDOEN%2Fuploads%2FbmvYfQaCtkCHXoKlOXue%2FMedia-Comune-di-Bugliano-11-22-2024_10_25_AM.png?alt=media&#x26;token=3bf1b0dd-c520-466d-ae61-1aa45ab755fc" alt=""><figcaption></figcaption></figure></div>

Per creare un nuovo contenuto, tramite il [menù del redattore](https://docs.opencityitalia.it/manuale-opencity-italia-sito-web-istituzionale-v3/la-piattaforma/il-menu-redattore) il redattore clicca su "Crea qui" (1) e seleziona il tipo di contenuto che vuole creare (2).

<figure><img src="https://3823931934-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FfYDGLbEkTaK5gywjDOEN%2Fuploads%2FVCYdRjXMsrqkasIbTqug%2Fimage.png?alt=media&#x26;token=8a5d7668-e552-4109-8c5f-7d68a84a3b9d" alt=""><figcaption></figcaption></figure>

Una volta selezionato, il redattore procede alla [creazione del contenuto](https://docs.opencityitalia.it/manuale-opencity-italia-sito-web-istituzionale-v3/la-piattaforma/funzioni-generali-di-gestione-dei-contenuti/creare-un-nuovo-contenuto).

<figure><img src="https://3823931934-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FfYDGLbEkTaK5gywjDOEN%2Fuploads%2FTnVQoTOMZhjXXQ2FmtKm%2Fimage.png?alt=media&#x26;token=300f02e4-0f0c-4871-a667-daff662fae3c" alt=""><figcaption></figcaption></figure>

### Organizzare le immagini in cartelle

Per organizzare meglio le immagini della Libreria media, tramite il [menù del redattore](https://docs.opencityitalia.it/manuale-opencity-italia-sito-web-istituzionale-v3/la-piattaforma/il-menu-redattore) puoi [creare](https://docs.opencityitalia.it/manuale-opencity-italia-sito-web-istituzionale-v3/la-piattaforma/funzioni-generali-di-gestione-dei-contenuti/creare-un-nuovo-contenuto) delle cartelle.

<figure><img src="https://3823931934-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FfYDGLbEkTaK5gywjDOEN%2Fuploads%2Fxb22mu33mVuNErbOkRxO%2Fimage.png?alt=media&#x26;token=7f7137bf-e57a-4998-b639-8b41c76184fc" alt=""><figcaption></figcaption></figure>

Inserisci il titolo del contenuto per crearea una nuova cartella e poi [procedi alla pubblicazione](https://docs.opencityitalia.it/manuale-opencity-italia-sito-web-istituzionale-v3/la-piattaforma/funzioni-generali-di-gestione-dei-contenuti/pubblicare-un-contenuto).

<figure><img src="https://3823931934-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FfYDGLbEkTaK5gywjDOEN%2Fuploads%2FXfqDB0dB4pN0dx5DKrtW%2Fimage.png?alt=media&#x26;token=28c0abcc-7596-4e41-996c-9a1fcf4ae6e5" alt=""><figcaption></figcaption></figure>