Generatore di immagine OG
Scrivi il titolo della tua pagina, scegli i colori e scarica un'immagine Open Graph da 1200 × 630 px pronta da condividere.
Il tuo file non lascia mai il browser: tutta l'elaborazione avviene sul tuo dispositivo.
Come viene composta l'immagine Open Graph
Viene disegnata una tela da 1200 × 630 px, la proporzione 1,91:1 consigliata da Facebook, LinkedIn, WhatsApp e X per l'anteprima di un link. È la dimensione che resta nitida sia su mobile sia su desktop.
proporzione = 1200 ÷ 630 ≈ 1,91:1
Il titolo si impagina da solo: lo strumento misura la larghezza di ogni parola con measureText e compone righe che stiano nell'area utile. Se il testo è lungo, riduce il corpo del carattere finché non entra nel numero massimo di righe.
Il risultato viene esportato in PNG, il formato che conserva meglio i bordi del testo. Carica il file sul tuo sito e collegalo con i tag og:image e twitter:image che ti mostriamo.
Esempio pratico
Con il titolo «Guida completa ai Core Web Vitals» e il sottotitolo «webytooly.com», lo strumento distribuisce il titolo su due righe grandi, mette il sottotitolo sotto e aggiunge una barra di accento a sinistra.
Domande frequenti
- Perché 1200 × 630 pixel?
- È la dimensione minima consigliata da Facebook per le immagini grandi dei link, e la proporzione 1,91:1 entra senza tagli nella maggior parte dei social.
- Posso usare il mio logo?
- Questo strumento compone testo e colori. Se ti serve un logo, genera qui la base e aggiungilo poi con un editor di immagini.
- Perché l'anteprima non si aggiorna quando condivido?
- I social mettono l'immagine in cache. Dopo averla cambiata, usa il debugger dei link di ogni piattaforma per forzare una nuova lettura del tag og:image.
- Meglio PNG o JPG?
- PNG quando l'immagine è testo su colore piatto, come qui: i bordi restano puliti. Il JPG ha senso se lo sfondo è una fotografia.