IMMAGINI
Gli elementi grafici del sito sono gli oggetti su cui porre la massima attenzione per via delle dimensioni.
Una cura particolare dovrà essere applicata al peso (in kb) delle immagini: la scarsa attenzione a questo aspetto potrebbe portare ad immagini troppo “pesanti” che danneggerebbero le prestazioni del sito.
Sebbene, in fase di costruzione del sito, sia stato inserito un modulo di compressione automatica delle parti grafiche, per fare in modo che quest’ultimo lavori al meglio è necessario alimentarlo con immagini dal peso adeguato.
La seguente tabella contiene le dimensioni delle immagini ideali per evitare problemi di qualità e di prestazioni. E’ chiaro che non sono sufficienti le sole dimensioni per stabilire se l’immagine possa essere utilizzata o meno. E’ importante anche la sua qualità.
| Immagine | Utilizzo | Dimensioni (in px) | Peso (in kb) | Nome | Note |
| Banner | Articoli | 2500×1044 | 140 (jpg) | news- | a |
| Banner | Eventi (vedi la guida) | 2500×1044 | 140 (jpg) | evento- | b |
| Banner | Programmi | 2500×1044 | 200 (jpg) | onair- | c |
| Banner | Staff | 2500×1044 | 200 (jpg) | staff- | |
| Cover Brani | Classifiche e sezione Novità Playlist | 320×320 | 30 (jpg) | cover- | |
| Banner | Gallerie | 2500×1044 | 140 (jpg) | galleria-[…]-00 | |
| Foto | Gallerie | 3000x[…] | 200 (jpg) | galleria-[…]-[num progressivo] | |
| Immagini | Viva Smile | 600 × 600 | 80 (jpg) | viva-fm-smile-[num progressivo] | |
| Banner | Viva Fm ti regala… | 2500×1044 | 140 (jpg) | vivafm-ti-regala- | |
| Banner | Classifiche e Playlist | 2500×1044 | 140 (jpg) | numerouno- | |
| Banner | spalla sx home page | 960×960 | 80 (jpg) | widget- | |
| Banner pubblicitario | orizzontale | 800×99 | 25 (jpg) | banner- | |
| Banner pubblicitario |
verticale | 300×780 | 40 (jpg) | banner-verticale- |
NOTE
a
E’ il banner presente in testa a tutti gli articoli. Il nome ha il suffisso news- seguito dal titolo, abbreviato, della notizia.
Esempio UNA PRESA FATALE – news-presa-fatale
b
E’ il banner presente in testa a tutti gli eventi. Il nome ha il suffisso evento- seguito dal titolo, abbreviato, dell’evento.
Esempio SUPER CROSS CUP – evento-super-cross-cup
Se all’interno dell’articolo “evento” si inserisce, il banner dell’iniziativa, il banner avrà il nome evento-super-cross-cup1
Le dimensioni di questo “bannerino” non devono superare i 1000 px di larghezza ed un “peso” non superore ai 70 kb.
c
E’ il banner che sta in testa a tutte le pagine dei programmi. Il nome ha il suffisso onair- seguito dal titolo del programma.
Esempio VIVA MI PIACE – onair-viva-mi-piace
Peri i programmi che non hanno nome (es la sostituzione che avete fatto tu e Vivenzi al posto di Nasti) usare il nome dei conduttori. Esempio: onair-monia-marco
La stessa “codifica” è stata usata per VIVA D’ESTATE dove i conduttori cambiano ogni settimana.
SEMPREVIVA