Generatore Open Graph Image Gratuito
Questo generatore Open Graph image gratuito disegna un PNG di 1200 per 630 pixel per l'immagine che appare quando il link della tua pagina viene condiviso su Facebook, LinkedIn, WhatsApp o X. Digita un titolo e sottotitolo, scegli il colore del tuo brand e un template, quindi scarica il file e impostalo come og:image. Nessuna registrazione, e nulla di quello che digiti viene salvato.
Open Graph Image Generator
Images
Informazioni su questo strumento
Quando qualcuno incolla il tuo link in una chat o in un post social, l'immagine di anteprima decide se cliccano. Le pagine senza un'immagine Open Graph mostrano una casella vuota o un ritaglio casuale. Un titolo chiaro su uno sfondo pulito nel colore del tuo brand è una soluzione rapida e coerente per post di blog, pagine di strumenti e landing page che non hanno una foto propria.
Digita il titolo della pagina, un sottotitolo opzionale e il nome del tuo sito, scegli un colore e uno di quattro template: colore solido, gradiente, chiaro con barra di accento, o scuro. Il colore del testo viene scelto automaticamente in modo che rimanga leggibile sul tuo colore, e i titoli lunghi vengono avvolti e ridimensionati per stare entro tre righe. I titoli di circa 60 caratteri o meno hanno il miglior aspetto. L'immagine è disegnata con i font Inter e Outfit che questo sito utilizza.
Dopo aver scaricato il PNG, caricalo sul tuo sito e punta il meta tag og:image al suo indirizzo completo, e aggiungi un tag twitter:image corrispondente. Mantieni le parole importanti lontane dai bordi, perché alcune app ritagliano i lati. Il font copre lettere latine, numeri e punteggiatura comune; emoji e altri script vengono rimossi. Puoi controllare i tag live in seguito con il checker Open Graph.
Domande frequenti
Quale dimensione dovrebbe avere un'immagine Open Graph?
La dimensione ampiamente utilizzata è 1200 per 630 pixel, un rapporto di circa 1,91 a 1. Facebook, LinkedIn, WhatsApp e X la visualizzano bene. Mantieni il file sotto pochi megabyte, usa un indirizzo web completo nel tag og:image, e mantieni il testo importante lontano dai bordi.
Come uso l'immagine sul mio sito web?
Carica il PNG scaricato sul tuo sito, quindi aggiungi un meta tag nella head della pagina: og:image con l'indirizzo completo del file. Aggiungi un tag twitter:image con lo stesso indirizzo per X. La maggior parte dei sistemi di gestione dei contenuti ha anche un campo per questo nelle impostazioni SEO.
Perché la mia vecchia anteprima è ancora visibile dopo averla cambiata?
I social network memorizzano nella cache le anteprime dei link. Dopo aver aggiornato l'immagine, usa il Facebook Sharing Debugger o il LinkedIn Post Inspector per recuperare di nuovo la pagina. Dare al nuovo file un nome diverso aiuta anche, perché l'indirizzo allora sembra una nuova immagine alla cache.
Posso usare il mio logo o foto personale?
Questo generatore disegna solo testo su colore, quindi non ha caricamento di logo o foto. È adatto a siti che hanno bisogno di una card pulita e coerente rapidamente. Per un layout con foto o logo, usa uno strumento di design ed esportalo a 1200 per 630 pixel.
Qualcosa di quello che digito viene salvato?
No. Il tuo titolo, sottotitolo e colore vengono utilizzati per disegnare l'immagine e non vengono salvati. Il PNG appare nel risultato come download e esiste solo nella pagina del tuo browser, quindi salvalo prima di ricaricare o lasciare la pagina.