Linee guida per il corretto utilizzo delle immagini sulla piattaforma Opencity
Con questo documento si intende offrire una guida per l’utilizzo delle immagini all’interno della piattaforma Opencity con tema Bootstrapitalia.
Regole generali
Prediligi immagini orizzontali (con larghezza minima di 1170 px e altezza minima 600px)
Il soggetto dell'immagine (viso, persone, oggetti) deve essere al centro
Non utilizzare immagini che contengono testo
Non utilizzare immagini con persone in primo piano
Ricordati di specificare la e cita l'autore
Consulta i suggerimenti per l'utilizzo di immagini (AgiD + Team Digitale)
Nel dettaglio di un contenuto (Notizia, Servizio, Ufficio, etc.) l'immagine viene rappresentata in modalità "anteprima".
Se carico un'immagine orizzontale…
L'immagine viene ridimensionata in relazione al suo contenitore preservando le proporzioni. Se le proporzioni dell'immagine non corrispondono alle proporzioni del suo contenitore, l'immagine viene ritagliata (al centro) per adattarsi alla larghezza dello schermo utilizzato dall’utente.
Se carico un'immagine verticale
Tutte le immagini verticali (con ratio minore di 0.7) non subiscono ritagli nell'anteprima di dettaglio: l'immagine viene quindi ridimensionata in relazione al suo contenitore preservando le proporzioni.
Visualizzazione: Card
Che tipo di licenza utilizzare? Consulta il capitolo "Proprietà intellettuale: testi, immagini, dati. Le liberatorie e i tipi di licenze" delle Linee guida AgiD.
(Licenza proprietaria)
(Licenza proprietaria)
(Licenza proprietaria)
(Licenze CC)
Dimensioni minime suggerite
Ratio
1170 x 650 px
Dipende dallo schermo con cui viene visualizzata l'immagine
Consigliato 16:9
Dimensioni minime suggerite
Ratio
650 x 1170 px
Consigliato 9:16
Orientamento
Dimensioni minime suggerite
Ratio
Note
Orizzontale
1170 x 650 px
16:9
Le proporzioni originali dell'immagine vengono rispettate
Verticale
650 x 1170 px
9:16
Ritaglio al centro
In fase di upload dell’immagine il sistema esegue automaticamente alcune operazioni (ridimensionamento, ritaglio) in modo da creare diverse versioni della stessa immagine.
Ogni immagine caricata viene ridimensionata dal sistema a una larghezza massima di 1170 px.
In base al device, alla pagina richiesta e alla tipologia di contenuto il sistema utilizzerà una delle versioni create per poter meglio esporre il contenuto, la stessa immagine viene utilizzata per diverse versioni e potrebbe dover rispettare più di una delle regole esposte.
