Creare un’immagine vuota

L’uso classico è il segnaposto nei mockup. Un layout, una presentazione o un modello di sito hanno bisogno di qualcosa nello spazio della foto prima che esista quella vera, e un rettangolo grigio con le misure scritte al centro dice a tutti quanto deve essere grande l’immagine finale. Gli sviluppatori usano gli stessi file come immagini di prova: con misura e colore noti si vede subito se una pagina ridimensiona, ritaglia o comprime correttamente un’immagine.

L’altro grande gruppo è lo sfondo semplice. Un’immagine a tinta unita è uno sfondo pulito per una citazione o un annuncio sui social, uno sfondo minimal per smartphone o desktop, o la base per un prodotto scontornato con lo strumento per rimuovere lo sfondo. Se vuoi unire foto, una tela vuota aggiunta per prima in modalità Livelli fa da sfondo alle altre immagini.

Le immagini trasparenti hanno compiti tutti loro: base di partenza per un logo o uno sticker, livello vuoto su cui disegnare, o spaziatore che occupa posto in un’email o in un vecchio layout web senza mostrare nulla. La più piccola di tutte, l’immagine da 1 × 1 pixel, si usa ancora come spaziatore e come pixel di tracciamento nelle email.

Infine la stampa: un foglio A4 bianco a 300 DPI per un modulo da stampare, un foglio di sfondo colorato o una tela su cui impaginare un biglietto in un altro programma. Siccome la risoluzione è salvata nel file, l’immagine esce con le giuste dimensioni fisiche quando la inserisci in un documento.

I formati Schermo seguono le risoluzioni più comuni: Full HD è 1920 × 1080, QHD è 2560 × 1440 e 4K Ultra HD è 3840 × 2160, tutti in 16:9. Lo sfondo iPhone misura 1179 × 2556, lo schermo da 6,1 pollici di iPhone 15 e 16 secondo le specifiche tecniche di Apple; altri telefoni cambiano, quindi inserisci la risoluzione del tuo schermo se la conosci.

I formati Social usano misure comuni: 1080 × 1080 per un post quadrato, 1080 × 1350 per un post verticale 4:5, 1080 × 1920 per una storia o un Reel 9:16 e 1200 × 630 per l’immagine che compare quando condividi un link. 1280 × 720 è la risoluzione consigliata dalla guida di YouTube per una miniatura personalizzata. Le piattaforme cambiano i layout di tanto in tanto, quindi controlla le indicazioni attuali se la misura esatta è importante.

Le proporzioni, o rapporto d’aspetto, sono la forma dell’immagine: larghezza rispetto all’altezza. Con Blocca proporzioni la forma resta la stessa quando cambi un lato, così un’immagine 1920 × 1080 diventa 1280 × 720 appena scrivi la nuova larghezza. Il pulsante Inverti trasforma un formato orizzontale nel verticale corrispondente, e viceversa.

I pixel decidono quanti dettagli può contenere un’immagine; i DPI (punti per pollice, detti anche PPI) dicono solo quanto grande va stampata. Un’immagine di 2480 × 3508 pixel a 300 DPI si stampa in A4, cioè 21 × 29,7 cm, mentre gli stessi pixel a 150 DPI darebbero il doppio in larghezza e in altezza. I DPI non cambiano mai i pixel e gli schermi li ignorano. Con Formato di stampa lo strumento converte il formato carta in pixel e salva i DPI nei file PNG e JPG, cosa che puoi verificare con lo strumento DPI.

Il bianco è già selezionato ed è la scelta più frequente: un’immagine bianca per un documento, uno sfondo bianco per la foto di un prodotto o una pagina vuota da stampare. Il nero è adatto a schermi, sfondi scuri e fotogrammi video. Qualsiasi altro colore si imposta con il selettore, i campioni o un codice hex.

Trasparente significa che i pixel non hanno alcun colore. L’immagine mantiene le sue dimensioni, ma lascia vedere ciò che c’è dietro, per questo l’anteprima mostra lì una scacchiera. È il modo in cui i programmi di grafica rappresentano la trasparenza e non viene salvata nel file. Se apri un PNG trasparente in un visualizzatore semplice potresti vedere bianco o nero, perché il visualizzatore riempie l’area vuota con il proprio sfondo.

L’opacità sta a metà strada. Al 100% il colore è pieno; al 50% è semitrasparente e crea un velo colorato che scurisce o tinge ciò che ha sotto. L’opacità funziona in PNG e WebP. Il JPG non ha canale alfa, quindi è sempre del tutto opaco e un’immagine trasparente viene salvata bianca.

Per rendere trasparente lo sfondo di un’immagine che hai già, invece di partire da zero, usa lo strumento per lo sfondo trasparente o quello per rimuovere lo sfondo.

Il PNG è quasi sempre il formato migliore per un’immagine vuota. È senza perdita, quindi il colore che scegli è esattamente quello salvato, supporta trasparenza e opacità, e un PNG a tinta unita pesa pochissimo: un’immagine bianca 1920 × 1080 creata qui occupa circa 350 byte, una in 4K circa 1 KB. Senza testo, lo strumento la scrive come PNG con una tavolozza di un solo colore, ed è per questo che è così leggera.

Il JPG comprime con perdita e non ha trasparenza. Una tinta unita può tornare spostata di uno o due livelli in un canale: nessuno lo vede, ma conta quando serve il colore del marchio esatto al pixel. Scegli il JPG solo se un’app o un modulo non accettano altro; il cursore della qualità cambia pochissimo su un colore piatto.

Il WebP mantiene la trasparenza e si apre nei browser attuali e nella maggior parte delle app, anche se qualche software datato lo rifiuta ancora. Come il JPG, può spostare leggermente una tinta unita. Non tutti i browser sanno salvare WebP da una pagina web; se il tuo non può, lo strumento te lo dice, e il PNG funziona ovunque.

Se hai già un’immagine in un altro formato e ti serve in PNG, puoi convertirla in PNG. Un’immagine vuota raramente va compressa, ma un JPG o un WebP con testo si può alleggerire con lo strumento per comprimere le immagini.

Il codice esadecimale (hex) è il modo di scrivere un colore a schermo con sei caratteri, come #ffffff per il bianco, #000000 per il nero e #1e90ff per un blu acceso. La prima coppia di cifre è il rosso, la seconda il verde e la terza il blu, ciascuna da 00 a ff. Il campo Codice esadecimale accetta il codice con o senza #, anche nella forma breve a tre cifre: #fff equivale a #ffffff e 36c a #3366cc.

L’RGB scrive lo stesso colore con tre numeri da 0 a 255, quindi #1e90ff diventa RGB 30, 144, 255. Sotto il campo trovi i valori RGB del colore attuale, utile quando un manuale del marchio usa una notazione e un’app chiede l’altra.

Il selettore di colore è il modo più rapido per scegliere a occhio. Sul computer alcuni browser aggiungono un contagocce che preleva un colore da qualsiasi punto dello schermo, comodo per riprendere il colore di un logo o di un sito. I campioni danno con un clic bianco, nero, trasparente, grigio chiaro, crema, ardesia e blu navy.

Per usare il colore di un marchio incolla il suo codice hex invece di sceglierlo a occhio, e salva in PNG perché il file conservi quel valore esatto. Se il manuale indica solo l’RGB, converti ogni numero in due cifre esadecimali, oppure scegli il colore e confronta i valori RGB mostrati.

Per avere file leggeri lascia il testo disattivato e salva in PNG: un PNG a tinta unita resta sotto pochi kilobyte anche in 4K. Il testo aggiunge dettagli veri, quindi un’immagine con testo pesa di più, e un JPG delle stesse dimensioni di solito ancora di più.

Per un’immagine da 1 × 1 pixel scegli il formato 1 × 1 pixel, poi Bianco, Trasparente o un colore, e salva in PNG. Il file pesa meno di 100 byte. Trasparente è il classico spaziatore; colorato, una pagina web o un’app può allargarlo fino a farne un blocco di quel colore.

Per controllare il risultato apri il file con lo strumento per verificare le dimensioni dell’immagine: mostra pixel, peso e DPI salvati. Se invece vuoi adattare una foto esistente a una di queste misure, ridimensionala o portala direttamente a 1920 × 1080.