Ritaglia immagini online: hero, immagine di condivisione e quadrati | We.Inc
Ritaglia immagini nei formati per siti web direttamente nel browser: immagini di condivisione 1200×630, hero 16:9, quadrati e verticali. Esporta in WebP, JPG o PNG con il peso del file in vista. Nessun upload.
Ritaglia immagini per siti web
Scegli una forma, ad esempio un'immagine di condivisione 1200×630, una hero 16:9 o una foto prodotto quadrata, trascina dentro la tua immagine, sposta il riquadro sulla parte che ti interessa e scaricala. Il ritaglio avviene nel tuo browser, quindi la foto non lascia mai il tuo dispositivo, e puoi salvarla come WebP, JPG o PNG.
I ritagli più usati sui siti web
Dove compare
Forma
Dimensione
Anteprime dei link (Open Graph)
1200 × 630px
Hero a tutta larghezza
1920 × 1080px
Foto prodotto o del team
1080 × 1080px
Card del blog o di un elenco
1200 × 800px
Uno strumento di ritaglio pensato sui formati usati dai siti web. Scegli un preset, sposta e ridimensiona il riquadro, imposta formato e qualità, vedi la dimensione esatta in uscita e il peso del file, e ritaglia un intero gruppo di immagini con la stessa forma in un colpo solo.
Scegli una forma di ritaglio. Ogni preset imposta le proporzioni e la dimensione in uscita; Libero ti permette di trascinare qualsiasi rettangolo.
Trascina una o più immagini nel riquadro o clicca per sceglierle. Puoi aprirne fino a 20 alla volta, e nessuna viene caricata.
Trascina il riquadro di ritaglio per inquadrare l'immagine e trascina il punto blu per ingrandirlo o rimpicciolirlo. Con il riquadro selezionato, i tasti freccia lo spostano di poco, e con Shift si muove più velocemente.
Scegli WebP, JPG o PNG (e AVIF dove il tuo browser riesce a generarlo), imposta la qualità e, se vuoi, una larghezza massima.
Clicca su Ritaglia e scarica. Con più immagini aperte, Ritaglia tutte applica la stessa forma attorno allo stesso punto in ogni immagine.
Tieni volti e testi lontani dai bordi delle immagini di condivisione. Alcune app tagliano le anteprime dei link in un quadrato o ne arrotondano gli angoli.
WebP a circa l'80% di qualità di solito pesa molto meno di un JPG con la stessa resa visiva e funziona in tutti i browser attuali.
Usa PNG solo per screenshot, loghi e grafiche con colori piatti o trasparenza. Le foto salvate in PNG spesso pesano diverse volte tanto.
Per le immagini hero, ritaglia più largo del necessario su mobile e imposta object-position nel CSS così il soggetto resta visibile sugli schermi stretti.
Se lo strumento avvisa che l'immagine verrà ingrandita, il ritaglio ha meno pixel della dimensione di destinazione. Parti da un originale più grande invece di accettare un risultato sfocato.
Domande frequenti
Le mie immagini vengono caricate?
No. Le immagini vengono aperte, ritagliate e salvate dal tuo browser sul tuo dispositivo. Non c'è alcun passaggio di caricamento e niente viene salvato sui nostri server.
Che dimensione deve avere un'immagine di condivisione?
1200 × 630 pixel, un rapporto di circa 1.91 a 1, è la dimensione attorno a cui sono progettate la maggior parte delle anteprime dei link. Scegli il preset Immagine di condivisione per ritagliare esattamente in quel formato.
Qual è il formato migliore per le immagini di un sito web?
WebP è la scelta predefinita sicura per le foto: file leggeri e supporto in tutti i browser attuali. AVIF può essere ancora più leggero ma richiede più tempo per la codifica e non è offerto dal canvas di tutti i browser. Usa PNG per le grafiche che richiedono bordi netti o trasparenza.
Posso ritagliare più immagini alla stessa dimensione?
Sì. Apri più immagini, inquadra la prima, poi usa Ritaglia tutte. Ogni immagine viene ritagliata con la stessa forma e la stessa dimensione in uscita, centrata sullo stesso punto relativo del tuo primo ritaglio.
Perché il file ritagliato sembra sfocato?
L'area di ritaglio aveva meno pixel della dimensione in uscita, quindi è stata ingrandita. Lo strumento mostra un avviso quando sta per succedere. Usa un originale più grande, un'area di ritaglio più ampia o una larghezza massima minore.
Prima ritaglia, poi comprimi
La maggior parte delle immagini troppo pesanti sui siti web non è compressa male; è semplicemente troppo grande. Una foto dal telefono è spesso larga 4000 pixel, ma un banner hero raramente ne richiede più di 1920 e un'immagine per una card circa 1200. Ritagliare nella forma e nella dimensione usate dalla pagina elimina gran parte del peso prima ancora di qualsiasi compressione.
Dopo il ritaglio, il compressore di immagini può ridurre ancora un po' il file, e il convertitore WebP gestisce intere cartelle in una volta.
Scegliere la forma giusta
Adatta il ritaglio al riquadro che l'immagine occupa nella pagina. Se un tema mostra le foto prodotto in riquadri quadrati, ritagliale quadrate tu stesso invece di lasciare che il CSS ne tagli i bordi in modo imprevedibile. Se il tema usa una hero 16:9, una foto verticale 4:5 verrà tagliata pesantemente, quindi scegli uno scatto orizzontale o reinquadrala qui.
Per le immagini di condivisione, pensa alla card di anteprima come a un piccolo poster: un soggetto chiaro, al massimo poche parole grandi e niente di importante vicino ai bordi.
Forme di ritaglio incluse nello strumento
Forma
Dimensione in uscita
Ideale per
Libero
La dimensione del tuo ritaglio
Qualsiasi forma che trascini
Immagine di condivisione 1200×630
1200 × 630px
Anteprime dei link Open Graph
Hero 16:9
1920 × 1080px
Banner a tutta larghezza e copertine video
Hero larga 21:9
2560 × 1097px
Intestazioni di pagina basse e cinematografiche
Quadrato 1:1
1080 × 1080px
Foto prodotto, avatar, post in griglia
Verticale 4:5
1080 × 1350px
Post alti nel feed e foto prodotto
Storia 9:16
1080 × 1920px
Storie a schermo intero sul telefono
Card 3:2
1200 × 800px
Immagini per card del blog e degli elenchi
Favicon 512
512 × 512px
Sorgente per le icone del sito
Libero
Qualsiasi forma che trascini
Immagine di condivisione 1200×630
Anteprime dei link Open Graph
Hero 16:9
Banner a tutta larghezza e copertine video
Hero larga 21:9
Intestazioni di pagina basse e cinematografiche
Quadrato 1:1
Foto prodotto, avatar, post in griglia
Verticale 4:5
Post alti nel feed e foto prodotto
Storia 9:16
Storie a schermo intero sul telefono
Card 3:2
Immagini per card del blog e degli elenchi
Favicon 512
Sorgente per le icone del sito
Impossibile leggere {name} come immagine.
{n} immagine caricata. Niente è stato inviato online.
{n} immagini caricate. Niente è stato inviato online.
Questo browser non può salvare in quel formato. Scegli WebP, JPG o PNG.
Salvato {w} × {h} {ext}, {size}.
Salvate {n} immagini, {size} in totale. Ognuna è stata ritagliata attorno allo stesso punto di questa.
Ritaglia
Forma di ritaglio
Trascina qui le immagini o clicca per sceglierle
JPG, PNG, WebP, GIF o AVIF. Fino a 20 alla volta. Restano sul tuo dispositivo.
Immagine da ritagliare: {name}
Area di ritaglio. Trascina per spostarla o usa i tasti freccia.
Ritaglio a {x}, {y}, {w} per {h} pixel
{name}: {iw} × {ih}px. Ritaglio {size} da ({pos}). Trascina il riquadro per spostarlo, il punto blu per ridimensionarlo, oppure selezionalo e usa i tasti freccia.
Esporta
Formato
Qualità {value}
(PNG è senza perdita)
Larghezza massima (px, facoltativa)
Mantieni la dimensione del ritaglio
Uscita:
· Il ritaglio è più piccolo di così, quindi verrà ingrandito e potrebbe sembrare sfocato. Usa una foto più grande o una dimensione minore.