Ridimensionatore Immagini OG Online
Crea immagini Open Graph perfettamente dimensionate per Facebook, Twitter/X, LinkedIn e Discord. Ridimensiona e ritaglia a 1200×630 o a qualsiasi dimensione di piattaforma. Gratuito, nessuna registrazione.
Trascina qui il tuo fileTocca per scegliere il tuo file
oppure
Supports M4A, WAV, FLAC, OGG, AAC, WMA, AIFF, OPUS • Max 100 MB
Come Creare un'Immagine OG
Carica o Cattura
Rilascia la tua immagine nello strumento — uno screenshot, una foto o un'illustrazione. Oppure inserisci l'URL di un sito web per catturare automaticamente uno screenshot di qualsiasi pagina web.
Scegli la Dimensione
Seleziona un predefinito di piattaforma — Facebook 1200×630, Twitter 1200×628, LinkedIn o Discord. L'immagine viene ritagliata al centro per adattarsi alle dimensioni esatte.
Scarica
Fai clic su Ridimensiona e Scarica e ottieni la tua immagine OG pronta per l'uso. Caricala sul tuo sito e fai riferimento ad essa nei tuoi tag <meta>.
Dimensioni delle Immagini OG per Ogni Piattaforma (2026)
Ogni piattaforma ha le sue dimensioni consigliate per le immagini di anteprima dei link. L'uso di dimensioni errate comporta il ritaglio, la sfocatura o la mancata visualizzazione dell'immagine.
| Piattaforma | Utilizzo | Dimensione (px) | Proporzioni | Dim. Min | File Max |
|---|---|---|---|---|---|
| Condivisione Link / og:image | 1200 × 630 | 1.91:1 | 600 × 315 | 8 MB | |
| Twitter / X | summary_large_image | 1200 × 628 | ~1.91:1 | 300 × 157 | 5 MB |
| Twitter / X | summary (quadrato) | 800 × 800 | 1:1 | 144 × 144 | 5 MB |
| Link Condiviso | 1200 × 627 | 1.91:1 | 200 × 200 | 5 MB | |
| Discord | Anteprima Incorporata | 1200 × 630 | 1.91:1 | — | 8 MB |
| Slack | Anteprima Unfurl | 1200 × 630 | 1.91:1 | — | — |
| Anteprima Link | 1200 × 630 | 1.91:1 | 300 × 200 | — | |
| Telegram | Anteprima Link | 1200 × 630 | 1.91:1 | — | 5 MB |
| Rich Pin | 1200 × 630 | 1.91:1 | — | — | |
| Snippet di Ricerca | 1200 × 630 | 1.91:1 | 1200 larghezza | — |
Consiglio pro: 1200 × 630 pixel funziona su tutte le piattaforme. Se crei solo un'immagine OG per pagina, usa questa dimensione. Per le schede di riepilogo di Twitter in particolare, aggiungi un'immagine quadrata separata di 800×800 tramite twitter:image.
Cos'è og:image? (Tag Meta Open Graph)
og:image è un tag meta Open Graph che comunica alle piattaforme social quale immagine visualizzare quando qualcuno condivide un link alla tua pagina. Senza di esso, le piattaforme cercano di rilevare automaticamente un'immagine — spesso scegliendo quella sbagliata, usando un logo minuscolo o non mostrando nulla.
Come Funziona Open Graph
Facebook ha creato il protocollo Open Graph nel 2010. Quando un URL viene condiviso sui social media, il crawler della piattaforma recupera la pagina e legge i tag <meta property="og:..."> da <head>. Il tag og:image specifica l'URL dell'immagine di anteprima.
Oggi, quasi tutte le piattaforme supportano Open Graph: Facebook, Twitter/X (con fallback da twitter:image), LinkedIn, Discord, Slack, WhatsApp, Telegram, iMessage, Pinterest e persino Google per i risultati di ricerca avanzati.
Tag og:image Essenziali
| Tag | Purpose |
|---|---|
og:image | URL dell'immagine di anteprima (obbligatorio, deve essere un URL HTTPS assoluto) |
og:image:width | Larghezza dell'immagine in pixel (velocizza il rendering — la piattaforma non ha bisogno di scaricare prima l'immagine) |
og:image:height | Altezza dell'immagine in pixel |
og:image:type | Tipo MIME: image/jpeg, image/png o image/webp |
og:image:alt | Testo alternativo per l'accessibilità (lettori di schermo, errori di caricamento dell'immagine) |
Perché og:image è Importante per il CTR
I link con immagini di anteprima corrette ottengono 2–3 volte più clic sui social media rispetto ai link senza immagini. Un'immagine OG mancante o non funzionante rende i link condivisi poco professionali e riduce il coinvolgimento. Google utilizza anche og:image per i snippet di articoli in alcuni risultati di ricerca.
Come Aggiungere og:image al Tuo Sito Web
Tag Meta HTML
Aggiungi questi tag all'interno di <head> della tua pagina:
<meta property="og:image" content="https://example.com/og-image.jpg">
<meta property="og:image:width" content="1200">
<meta property="og:image:height" content="630">
<meta property="og:image:type" content="image/jpeg">
<meta property="og:image:alt" content="Description of the image">
<!-- Also include these for complete previews -->
<meta property="og:title" content="Your Page Title">
<meta property="og:description" content="Your page description">
<meta property="og:url" content="https://example.com/page">Tag Twitter Card
Twitter utilizza i suoi tag di carta ma fallisce su og:image se twitter:image è assente:
<meta name="twitter:card" content="summary_large_image">
<meta name="twitter:image" content="https://example.com/og-image.jpg">
<meta name="twitter:title" content="Your Page Title">
<meta name="twitter:description" content="Your page description">WordPress
I plugin SEO come Yoast, Rank Math e All in One SEO gestiscono automaticamente i tag OG. Imposta il campo “Social Image” o “Facebook Image” nell'editor dei post. Carica un'immagine 1200×630 specificamente per la condivisione — non fare affidamento sull'immagine in evidenza, che potrebbe avere un rapporto di aspetto diverso.
Next.js (App Router)
// app/page.tsx
export const metadata = {
openGraph: {
title: 'Your Page Title',
description: 'Your page description',
images: [{
url: 'https://example.com/og-image.jpg',
width: 1200,
height: 630,
alt: 'Description of the image',
}],
},
twitter: {
card: 'summary_large_image',
images: ['https://example.com/og-image.jpg'],
},
};Verifica della Tua Immagine OG
Dopo aver aggiunto i tag meta, testa con questi debugger di piattaforma:
- Facebook: Sharing Debugger (developers.facebook.com/tools/debug/) — fai clic su “Scrape Again” per aggiornare la cache
- Twitter: Card Validator (cards-dev.twitter.com/validator)
- LinkedIn: Post Inspector (linkedin.com/post-inspector/)
- Generale: opengraph.xyz — testa tutte le piattaforme contemporaneamente
Problemi Comuni di og:image (e Come Risolverli)
L'Immagine Non Viene Visualizzata Quando Condivisa
Cause: tag meta og:image mancante, URL dell'immagine restituisce 404, immagine troppo piccola (inferiore a 200×200) oppure il tuo robots.txt blocca i crawler dei social media. Soluzione: verifica che l'URL dell'immagine si carichi in un browser, assicurati che sia un URL HTTPS assoluto e controlla che il tuo server non blocchi l'agente utente della piattaforma.
Viene Visualizzata un'Immagine Sbagliata
Le piattaforme memorizzano nella cache le immagini OG in modo aggressivo (24+ ore). Dopo l'aggiornamento di og:image, utilizza lo strumento debugger della piattaforma per forzare una riscrittatura. Per Facebook, apri il Sharing Debugger e fai clic su “Scrape Again”. Puoi anche aggiungere un parametro di invalidamento della cache all'URL: ?v=2.
L'Immagine Viene Ritagliata Male
Le dimensioni della tua immagine non corrispondono al rapporto di aspetto previsto della piattaforma. Soluzione: ridimensiona a 1200×630 e mantieni il contenuto importante (testo, loghi, volti) entro l'80% centrale dell'immagine. Diverse piattaforme ritagliano in modo leggermente diverso ai bordi.
L'Immagine Appare Sfocata
L'immagine di origine è troppo piccola o molto compressa. Usa almeno 1200 pixel di larghezza. Per i display retina, considera 2400×1260 (2x). Salva come qualità JPG 80+ o usa PNG per la grafica con testo nitido.
Funziona su Facebook ma Non su Twitter
Twitter richiede la presenza del tag meta twitter:card. Senza di esso, Twitter potrebbe non mostrare alcuna immagine anche se og:image è impostato. Aggiungi <meta name="twitter:card" content="summary_large_image"> per abilitare le schede con immagine grande.
Checklist delle Migliori Pratiche per og:image
og:image:width e og:image:height (velocizza il rendering)og:image:alt per l'accessibilitàDomande Frequenti
og:image:width e og:image:height in modo che le piattaforme possano eseguire il rendering dell'anteprima più velocemente senza dover scaricare l'immagine completa per prima. og:image è mancante, l'URL dell'immagine restituisce un 404, l'immagine è più piccola di 600×315 pixel oppure il tuo robots.txt blocca il crawler di Facebook. Usa il Facebook Sharing Debugger (developers.facebook.com/tools/debug/) per diagnosticare il problema. Fai clic su “Scrape Again” per forzare Facebook a riscariccare la tua pagina e cancellare l'anteprima memorizzata nella cache. og:image non sia un fattore di ranking diretto per Google, le pagine con immagini OG appropriate ottengono 2–3 volte più clic quando condivise sui social media, generando più traffico e segnali di coinvolgimento. Google utilizza anche og:image per i rich snippet di articoli in alcuni risultati di ricerca. <head> della tua pagina: <meta property="og:image" content="https://tuosito.com/image.jpg">. Includi anche og:image:width (1200) e og:image:height (630) per un rendering più veloce. In WordPress, usa il campo immagine social di Yoast o Rank Math. In Next.js, usa l'esportazione metadata nel tuo componente pagina. API OG Image Resizing
Esegui og image resizing in modo programmatico tramite API REST — gratis, senza registrazione, risposte JSON.
curl -X POST https://cleverutils.com/api/v1/tools/og-image-resizer \
-F "file=@your-file"