Risposta diretta
Adatta le immagini per l’anteprima dei link alla tela iniziale 1200×630 o a 1200×628. Ritaglia o aggiungi margini localmente e controlla l’anteprima sulla piattaforma di destinazione. Riempi l'intero riquadro 1.91:1 senza bordi o conserva l'immagine intera con margini bianchi, colorati o trasparenti.
Come usare questo strumento
Carica l'anteprima social o l'intestazione
Seleziona fino a 20 immagini JPG, PNG o WebP. Lo strumento apre la tela 1200×630.
1200×630 / 1200×628
Adatta le immagini per l’anteprima dei link alla tela iniziale 1200×630 o a 1200×628. Ritaglia o aggiungi margini localmente e controlla l’anteprima sulla piattaforma di destinazione.
Scegli tra Ritaglia per riempire o Adatta con bordi
Riempi l'intero riquadro 1.91:1 senza bordi o conserva l'immagine intera con margini bianchi, colorati o trasparenti.
Scarica e configura i meta tag og:image
Esporta l'immagine ottimizzata e inserisci og:image, og:image:width e og:image:height nel codice della tua pagina.
Dimensioni e inquadratura delle immagini Open Graph
Questo strumento offre aree da 1200×630 e 1200×628 per le anteprime dei link. I rapporti sono circa 1,91:1. Open Graph definisce i metadati delle immagini, non una dimensione obbligatoria universale. Controlla la visualizzazione sulla piattaforma di destinazione.
Esempi pratici
Ritaglio di un banner 16:9 (1920×1080) per scheda Open Graph 1200×630
Input: Banner orizzontale JPEG 1920×1080 (rapporto 16:9, 2.1 MB)
Output: JPEG 1200×630
Il ritaglio adatta la larghezza ed elimina le estremità superiore e inferiore per coprire 1200×630.
Inserimento di un logo quadrato (1000×1000) in 1200×630 con bordi
Input: Logo PNG 1000×1000 (rapporto 1:1)
Output: PNG 1200×630 con logo centrato 630×630 e barre laterali
Il logo viene mantenuto integro aggiungendo margini laterali bianchi o del colore del brand.
Creazione di una scheda link 1200×628 per condivisione social
Input: Immagine PNG 2400×1256 (rapporto di circa 1,91:1)
Output: File PNG o WebP 1200×628 ottimizzato
Ridimensiona la risoluzione mantenendo i dettagli per un caricamento veloce durante la condivisione.
Limitazioni
- Le piattaforme memorizzano le immagini in cache; dopo le modifiche è consigliabile usare i rispettivi debugger URL per svuotare la cache.
- I bordi trasparenti richiedono formato PNG o WebP; JPEG richiede un colore di sfondo pieno.
- Senza ingrandimento consentito, Adatta con margini mantiene le immagini piccole alle dimensioni originali nella tela. Il ritaglio a riempimento è bloccato se la sorgente o l’area ritagliata è troppo piccola. Consenti esplicitamente l’ingrandimento; non ricrea i dettagli mancanti.
Domande frequenti
Qual è la dimensione consigliata per un'immagine Open Graph?
Adatta le immagini per l’anteprima dei link alla tela iniziale 1200×630 o a 1200×628. Ritaglia o aggiungi margini localmente e controlla l’anteprima sulla piattaforma di destinazione.
Perché specificare i tag og:image:width e og:image:height?
og:image:width e og:image:height descrivono le dimensioni dell’immagine in pixel. Informano la piattaforma che legge i metadati, senza garantire un’anteprima al primo invio.
L'immagine apparirà identica su tutte le piattaforme social?
No. 1200×630 è un preset di questo strumento. Ogni piattaforma controlla l’anteprima e può ritagliare l’immagine diversamente; verifica il risultato pubblicato.
Le immagini vengono caricate su un server esterno?
No. Tutte le modifiche avvengono interamente nel tuo browser tramite l'API Canvas di HTML5.
Riferimenti autorevoli e standard
- The Open Graph Protocol: image metadata ↗ — Defines og:image and optional image width and height; no mandatory pixel dimensions.
- W3C Portable Network Graphics (PNG) Specification (Third Edition) ↗ — PNG file format, including lossless encoding and alpha transparency; resizing can change pixel detail.
- MDN: CanvasRenderingContext2D.drawImage() ↗ — Source crop rectangles and destination dimensions.
- MDN: HTMLCanvasElement.toBlob() ↗ — Browser image export; JPEG and WebP quality can introduce compression loss.