In breve: Impariamo a creare immagini fisse e in movimento adatte agli schermi. Ogni formato digitale ha regole tecniche precise da rispettare.
Cosa significa "contenuto visivo digitale"
Un contenuto visivo è tutto ciò che comunica con immagini. Può essere statico, come una locandina o un post. Può essere dinamico, come un video o una GIF animata.
Il digitale è il mondo degli schermi: smartphone, computer, tablet, TV. Ogni schermo ha caratteristiche diverse di dimensione e qualità. Il nostro lavoro deve adattarsi a queste differenze.
Un contenuto è "conforme" quando rispetta i requisiti tecnici del canale di destinazione. Per esempio, un post Instagram non ha le stesse misure di un banner per un sito web.
Le regole tecniche da rispettare
Prima di iniziare bisogna conoscere il formato richiesto. Ogni piattaforma ha dimensioni precise in pixel, indicate nelle sue linee guida.
La risoluzione standard per il web è 72 dpi, mentre la stampa richiede 300 dpi. Usare valori sbagliati rende l'immagine sfocata o troppo pesante.
Lo spazio colore corretto per il digitale è l'RGB, non il CMYK. Il CMYK serve per la stampa su carta.
Per i contenuti dinamici contano anche la durata, il frame rate e il peso del file. Un video troppo pesante non si carica bene sui social.
I formati di salvataggio cambiano in base all'uso: JPG e PNG per le immagini, MP4 per i video, GIF per animazioni brevi.
Come si fa in pratica
Esempio 1 — Post per Instagram: aprire il software (Photoshop o Illustrator), creare un file 1080×1080 pixel a 72 dpi in RGB. Esportare in JPG sotto 1 MB.
Esempio 2 — Storia Instagram: usare il formato verticale 1080×1920 pixel. Lasciare spazio in alto e in basso per i comandi dello schermo.
Esempio 3 — Breve video animato: in After Effects impostare 1080×1080 pixel, 30 fps, durata 15 secondi. Esportare in MP4 con codifica H.264.
Prima di consegnare il lavoro, controllare sempre tre cose: dimensioni corrette, peso del file accettabile, qualità visiva nitida sullo schermo.
Parole difficili
- Pixel: il puntino più piccolo che forma un'immagine sullo schermo.
- Risoluzione: numero di punti per pollice, indica la nitidezza dell'immagine.
- RGB: sistema di colori basato su rosso, verde e blu per gli schermi.
- Frame rate: numero di immagini al secondo in un video, misurato in fps.
- Codifica: metodo per comprimere un video e ridurne il peso.
- Conforme: che rispetta le regole tecniche richieste dal canale.
Riferimenti
- Norma: Norme generali e livelli essenziali delle prestazioni relativi al secondo ciclo del sistema educativo di istruzione e formazione
- Obiettivo formativo coperto: ob.iefp-tecnico-grafico.competenze-tecnico-professionali.cl3.visual-communication-digitale.07