Ritaglia Immagine

Clicca per caricare le immaginiSupporto PNG, JPG, formato WebP

Rapporto ritaglio

Pixel dell'area di ritaglio

Formato di output

Carica un'immagine per iniziare il ritaglio

Strumento online di ritaglio immagini che supporta tre metodi: trascinamento libero, rapporti fissi e input pixel preciso. Include guide compositive della regola dei terzi, maschera scura in tempo reale, doppio formato output PNG/JPG con qualità JPG regolabile. Elaborazione 100% nel browser, ideale per avatar, foto tessera, immagini social e prodotti e-commerce.

Raccomandazioni correlate

Ridimensiona immagini

Comprimi immagini

Converti Immagine

Ruota e Rifletti Immagine

Angoli Arrotondati Immagine

Filtri Immagine

Principi del ritaglio immagini e tecniche compositive

Il ritaglio immagini è una delle operazioni più basilari e usate nel trattamento digitale. Consiste nell'estrarre un'area rettangolare dalla matrice di pixel originale e scartare i pixel fuori da quella zona. Diversamente dal ridimensionamento (Resizing), il ritaglio non cambia la densità di pixel o la qualità dell'area conservata, ridefinisce solo i confini dell'immagine. Questo rende il ritaglio lo strumento principale per la ricomposizione fotografica: spesso la composizione in ripresa non è ideale, e il ritaglio successivo può migliorare notevolmente l'espressività della foto.

Perché ritagliare con rapporti fissi? Diverse piattaforme e scenari hanno requisiti severi sul rapporto aspetto: avatar WeChat/QQ/Weibo devono essere 1:1 quadrati, video verticali TikTok/Instagram sono 9:16, video orizzontali YouTube/PPT sono 16:9, foto stampate tradizionali sono 3:2, cinema è 21:9. Se il rapporto non corrisponde, le piattaforme tagliano automaticamente al centro o estendono l'immagine, perdendo contenuto importante o distorcendo. Usare il ritaglio a rapporto fisso adatta l'immagine ai requisiti di visualizzazione della piattaforma di destinazione.

La regola dei terzi è il principio compositivo più classico in fotografia e design visivo, usato dai pittori sin dal Rinascimento. Divide l'immagine orizzontalmente e verticalmente in tre parti uguali formando una griglia; i quattro punti di intersezione sono chiamati «punti aurei». L'occhio umano è naturalmente attratto da queste posizioni; posizionare il soggetto (occhi, orizzonte, edifici) su questi punti o linee crea più dinamismo ed equilibrio del semplice centraggio. Le guide dei terzi integrate aiutano ad applicare questa regola durante il ritaglio.

Scelta tra PNG e JPG: PNG è compressione senza perdita, supporta trasparenza, ideale per icone, screenshot, immagini con testo, materiali per modifiche successive, ma file più grande; JPG è compressione con perdita, senza trasparenza, ma flessibile nel tasso di compressione tramite parametro qualità, a 80-90% praticamente nessuna differenza visibile ma dimensione ridotta del 60-80%, ideale per foto. Se l'immagine è usata per il web scegli JPG 85% per bilanciare qualità e velocità caricamento; per screenshot, loghi o trasparenza obbligatoriamente PNG.

Importanza dell'elaborazione locale: molti strumenti di ritaglio online richiedono di caricare l'immagine su un server remoto, cosa lenta (dipende dalla larghezza di banda) e con rischi per la privacy: foto di documenti, screenshot di contratti, foto private potrebbero essere messe in cache o sfruttate dopo il caricamento. Questo strumento è basato su HTML5 Canvas API, tutte le operazioni pixel avvengono nella memoria del tuo browser, i dati non escono mai dal tuo dispositivo, la velocità dipende solo dal tuo computer e funziona anche senza connessione.

Scenari di ritaglio a pixel precisi: il più delle volte trascinare è sufficiente, ma in scenari professionali serve precisione al pixel: foto tessera e passaporto hanno requisiti severi, immagini principali piattaforme e-commerce hanno dimensioni uniformi (es: Taobao 800×800), taglio asset design UI necessita dimensioni esatte, banner web a dimensione fissa richiedono corrispondenza stretta. In questi casi inserire valori in X/Y/W/H è il metodo più efficiente e preciso.

Sulla perdita di qualità: molti temono che il ritaglio riduca la qualità, ma in realtà PNG è senza perdita: ogni pixel dell'area conservata è identico all'originale senza compressione o ricampionamento. JPG richiede una nuova compressione, ma con parametro qualità 85%+ questa perdita è invisibile a distanza di visualizzazione normale. Al contrario, ridurre un'immagine e riingrandirla causa sfocatura irreversibile; il semplice ritaglio non lo fa.

Casi d'uso

Creazione avatar social: ritaglio 1:1 quadrato, volto sui punti di intersezione dei terzi
Ritaglio preciso foto tessera: inserisci valori standard come 295×413 o 413×579
Immagini prodotti e-commerce: ritaglia l'area principale secondo requisiti Taobao/JD/Amazon
Copertine video orizzontali: rapporto 16:9 per YouTube, metti in risalto il soggetto
Video brevi verticali: 9:16 per TikTok/Reels/Shorts/Instagram Stories
Immagini per PPT/presentazioni: 16:9 o 4:3 per evitare distorsioni da stiramento
Screenshot: conserva solo il dialogo o area importante, rimuovi contenuto superfluo
Rimuovi watermark/bordi: ritaglia bordi con watermark, loghi o cornici indesiderate
Ricomposizione foto: ricomponi dopo lo scatto spostando il soggetto sul punto aureo
Immagini social: ritaglia secondo rapporto di visualizzazione per evitare tagli automatici
Scatti cinematografici: 21:9 ultra panoramico per effetto schermo cinema
Preparazione immagini web: dopo il ritaglio usa la compressione per ottimizzare velocità caricamento

Come utilizzare

Clicca sull'area di caricamento per selezionare un'immagine, o usa «Carica esempio» per provare
Seleziona il rapporto di ritaglio (libero/1:1/16:9/9:16 ecc.), libero permette regolazione arbitraria
Trascina la cornice per spostarla, regola la dimensione dagli angoli o inserisci pixel precisi
Scegli il formato di output (PNG/JPG), regola qualità JPG se necessario, clicca su «Ritaglia e scarica»

Funzionalità

Ritaglio con trascinamento: sposta la cornice con il mouse e regola la dimensione dagli angoli, esperienza WYSIWYG
8 rapporti preimpostati: Libero, 1:1 quadrato, 4:3, 3:2, 16:9 panoramico, 2:3, 9:16 verticale, 21:9 cinema
Controllo pixel: supporta coordinate X/Y e valori pixel precisi per ritagli accurati
Guide regola dei terzi: mostra griglia 9 sezioni per composizione sui punti aurei
Maschera scura in tempo reale: area esterna al ritaglio semitrasparente per vedere cosa si conserva e rimuove
Doppio formato: PNG senza perdita e JPG con perdita selezionabili in base alle necessità
Qualità JPG regolabile: compressione 10-100% per bilanciare dimensione file e qualità
Ridimensionamento dagli angoli: maniglie su tutti e quattro gli angoli per regolare da qualsiasi direzione
Blocco rapporto: con rapporto fisso, il ridimensionamento mantiene le proporzioni
Visualizzazione dimensioni: mostra dimensione originale e area ritaglio in tempo reale
Elaborazione locale: tutto avviene nel browser, nessun upload su server, privacy garantita
Formati compatibili: apre PNG, JPG, WebP, GIF e tutti i formati supportati dai browser
Immagine di esempio: pulsante per provare senza caricare file
Design responsive: funziona su computer, tablet e cellulare, ottimizzato per il tocco

Domande frequenti

Come ritaglio un'area specifica di un'immagine online?

Dopo aver caricato l'immagine, trascina il bordo bianco della cornice per spostarlo e i quadrati bianchi sugli angoli per regolare la dimensione. L'area nera semitrasparente fuori dalla cornice è la parte che verrà ritagliata; l'interno è quella conservata. Regola e clicca su «Ritaglia e scarica».

Si può ritagliare con rapporti fissi come 1:1 o 16:9?

Sì. Lo strumento offre 8 rapporti preimpostati: ritaglio libero, 1:1 quadrato (per avatar), 4:3 (fotocamere/monitor tradizionali), 3:2 (fotocamere reflex), 16:9 (video/PPT/YouTube), 2:3 (foto verticali), 9:16 (verticale cellulare/TikTok/Instagram), 21:9 (cinema panoramico). Cliccando sul pulsante rapporto la cornice si blocca automaticamente.

Qual è la differenza tra ritagliare (crop) e ridimensionare (resize)?

Sono funzioni completamente diverse: Ritagliare (Crop) estrae un'area dell'immagine e scarta i bordi, cambia la composizione ma non ridimensiona i pixel dell'area conservata; Ridimensionare (Resize) scala o estende l'intera immagine, conserva tutto il contenuto ma cambia le dimensioni in pixel. Se devi ridurre un'immagine grande conservando tutto il contenuto usa lo strumento ridimensiona.

È adatto per ritagliare avatar e foto tessera?

Perfettamente. Per avatar usa il rapporto 1:1 quadrato, posiziona il volto nella parte superiore centrale e allinea gli occhi con le guide dei terzi per risultati migliori. Per foto tessera verifica i requisiti pixel (es: 295×413 per 1 pollice, 413×579 per 2 pollici) e inserisci i valori esatti nei campi pixel.

L'immagine ritagliata viene caricata sul server? La privacy è garantita?

Nessun upload. Caricamento immagine, anteprima ritaglio e download avvengono localmente nel tuo browser tramite Canvas API. I dati immagine non vengono inviati in rete a nessun server. Chiudendo la pagina i dati vengono eliminati dalla memoria del browser. Ideale per carte d'identità, screenshot di contratti e altre immagini sensibili.

Che formato si ottiene dopo il ritaglio? Si può scegliere JPG?

Supporta PNG e JPG. Di default PNG senza perdita, ideale per sfondi trasparenti, screenshot, immagini con testo o icone; JPG permette di regolare la qualità di compressione (10-100%), ideale per foto per ridurre la dimensione. Qualità JPG consigliata tra 80-92%: la dimensione si riduce notevolmente senza differenze visibili a occhio nudo.

Cos'è la guida compositiva della regola dei terzi? Come si usa?

La Regola dei Terzi è il principio compositivo più classico della fotografia: divide l'immagine con due linee orizzontali e due verticali formando una griglia di 9 sezioni; posiziona il soggetto sui punti di intersezione (punti aurei) per una composizione equilibrata. Le linee bianche semitrasparenti nella cornice sono le guide dei terzi: allinea occhi, orizzonti o bordi di edifici con le linee o intersezioni.

Per quali scenari si usano i rapporti 9:16 e 16:9?

16:9 è il panoramico orizzontale, standard per monitor, televisori, video YouTube, presentazioni PPT; 9:16 è il verticale, standard per foto verticali cellulare, video brevi TikTok/Reels/Shorts, Instagram Stories e contenuti a schermo intero mobile. Verifica il rapporto richiesto dalla piattaforma prima di ritagliare.

Ritagliare riduce la qualità dell'immagine?

PNG è completamente senza perdita: i pixel dell'area conservata sono identici all'originale; JPG richiede una nuova compressione con leggera perdita, ma con qualità 85%+ è praticamente impercettibile. Ritagliare è essenzialmente «estrarre», non «comprimere»; se non scegli una qualità JPG troppo bassa, il ritaglio non causa perdite notevoli.

Come ritaglio con precisione a una dimensione pixel specifica?

Nel pannello di impostazioni a sinistra inserisci i valori target di W (larghezza) e H (altezza) nei campi pixel dell'area di ritaglio per controllare esattamente la dimensione di output. X e Y controllano la coordinata dell'angolo superiore sinistro della cornice. Se hai scelto un rapporto fisso, inserendo la larghezza l'altezza viene calcolata automaticamente e viceversa.

Si possono ritagliare immagini WebP e GIF animate?

Si possono aprire WebP e GIF, ma nota: le GIF animate dopo il ritaglio conservano solo il primo fotogramma e vengono esportate come PNG/JPG statico senza animazione. Per ritagliare GIF animate usa strumenti di modifica GIF specifici. WebP si può ritagliare ed esportare come PNG o JPG senza problemi.

Perché il rapporto cambia quando trascino la cornice?

Perché hai selezionato la modalità «Libero». In modalità libera puoi regolare qualsiasi rapporto larghezza/altezza. Se devi mantenere un rapporto fisso (es: che il quadrato 1:1 non diventi rettangolo), clicca sul pulsante del rapporto corrispondente (1:1, 16:9 ecc.) per bloccarlo prima di regolare.

Dove viene salvato il file ritagliato?

Cliccando su «Ritaglia e scarica» il browser scarica automaticamente l'immagine ritagliata nella cartella download predefinita, con nome cropped_nomeoriginale.png (o .jpg). Lo strumento non salva file su server; tutti i dati temporanei vengono eliminati alla chiusura del browser.

Si può usare su cellulare? L'uso touch è comodo?

Sì. Lo strumento ha design responsive e funziona su browser mobili. Il pannello impostazioni si riduce a un pulsante superiore su mobile; la cornice di ritaglio supporta trascinamento touch e zoom con le dita. Consigliato l'uso in modalità orizzontale per un'area di anteprima più ampia.

Si può continuare a modificare l'immagine dopo il ritaglio?

Sì. Dopo aver scaricato l'immagine ritagliata puoi ricaricarla per un secondo ritaglio, o usare i nostri altri strumenti: ridimensiona (resize), comprimi (compress), converti formato (convert), ruota/gira (rotate-flip), angoli arrotondati (round-corner), filtri (filters) ecc.

Risoluzione dei problemi

Cosa fare se l'immagine scaricata è sfocata?

Verifica: 1) Se hai scelto JPG, porta il cursore qualità a 85% o più; 2) Verifica se le dimensioni L×A del ritaglio sono troppo piccole: se l'area è solo 100×100 pixel, ingrandendola è naturalmente sfocata; 3) Confronta con l'immagine originale e assicurati di vederla a scala 100%. PNG è completamente senza perdita; se hai bisogno di massima qualità scegli PNG.

Perché dopo aver scelto un rapporto fisso non posso regolare la cornice alla dimensione voluta?

In modalità rapporto fisso il rapporto larghezza/altezza è bloccato: regolando la larghezza l'altezza cambia automaticamente e viceversa. È normale, garantisce che il risultato rispetti strettamente il rapporto scelto. Se devi regolare liberamente qualsiasi rapporto passa alla modalità «Libero».

L'immagine non viene visualizzata dopo il caricamento?

Conferma: 1) Stai caricando un formato standard (JPG/PNG/GIF/WebP); formati professionali come PSD o RAW non sono supportati; 2) Il file non è corrotto e si apre normalmente nel visualizzatore di sistema; 3) La dimensione del file non è eccessiva (consigliato <20MB); 4) Aggiornare la pagina e ricaricare di solito risolve.

Cliccando sul pulsante download non succede niente?

Verifica: 1) Se il browser permette i download popup; alcune impostazioni privacy possono bloccare download automatici; 2) Se stai usando un browser moderno (Chrome, Firefox, Safari, Edge); 3) Cancella la cache del browser, aggiorna e riprova.

Glossario

Rapporto Aspetto (Aspect Ratio): Proporzione tra larghezza e altezza immagine, espressa come L:A. Rapporti comuni: 1:1 (quadrato), 16:9 (orizzontale), 9:16 (verticale), 4:3 (monitor tradizionale), 3:2 (fotocamera reflex), 21:9 (cinema panoramico).
Regola dei Terzi (Rule of Thirds): Principio base composizione fotografica: divide l'immagine in 9 sezioni con due linee orizzontali e due verticali, posiziona il soggetto sulle linee o intersezioni per più equilibrio e attrattiva visiva.
Pixel: Unità minima immagine, un piccolo puntino colorato. La dimensione in pixel di un'immagine = numero pixel in larghezza × numero pixel in altezza; es: 1920×1080 significa 1920 pixel larghezza, 1080 altezza.
Formato PNG: Formato Portable Network Graphics, compressione senza perdita, supporta canale alpha trasparenza, ideale per icone, screenshot, immagini con testo, loghi che richiedono bordi nitidi o sfondo trasparente.
Formato JPG/JPEG: Formato Joint Photographic Experts Group, compressione con perdita, senza trasparenza, bilancia qualità e dimensione tramite parametro (0-100%), ideale per foto con colori ricchi.
Canvas API: API di disegno browser fornita da HTML5, permette di disegnare ed elaborare pixel immagine dinamicamente tramite JavaScript, tecnologia centrale per elaborazione immagini puramente locale.
Compressione Senza Perdita (Lossless): Compressione che permette di ripristinare completamente i dati originali senza perdita di informazione. PNG e GIF sono senza perdita, ideali per scenari che richiedono pixel esatti.
Compressione Con Perdita (Lossy): Riduce drasticamente la dimensione del file scartando dati poco sensibili all'occhio umano; non si possono ripristinare completamente i dati originali dopo compressione. JPG è con perdita, a qualità più bassa la perdita è più visibile.
Punto Aureo: Quattro punti di intersezione delle guide dei terzi, circa a 1/3 e 2/3 dell'immagine, punti di focalizzazione naturale dell'occhio. Posizionare il soggetto in questi punti è più estetico del centraggio.
Anteprima con Maschera (Mask Preview): Fuori dalla cornice di ritaglio viene mostrata una maschera nera semitrasparente, distingue chiaramente l'area conservata (nitida a colore originale) dall'area scartata (oscurata), permettendo di vedere i confini del risultato finale.
DPI/PPI: Punti/Pixel per pollice, unità di risoluzione stampa. La visualizzazione a schermo dipende solo dai pixel, non dal DPI; il ritaglio non cambia l'impostazione DPI, solo il numero di pixel.
Dati EXIF: Metadati incorporati nel file immagine: dispositivo di scatto, ora, posizione GPS, parametri fotocamera ecc. All'esportazione con Canvas gli EXIF non vengono conservati, contribuendo a proteggere la privacy della posizione.

Tabella rapida scenari per 8 rapporti di ritaglio

Di seguito scenari tipici per ogni rapporto aspetto comune:

Rapporto	Nome	Orientamento	Scenari tipici
Libero	Ritaglio libero	Qualsiasi	Senza restrizioni, regola larghezza/altezza arbitrariamente, ideale per rimuovere bordi o marchi in scenari non standard
1:1	Quadrato	Quadrato	Avatar WeChat/QQ/Weibo, post Instagram, immagini principali Taobao, foto prodotti
4:3	Schermo standard	O/V	Monitor tradizionali, schermi iPad, televisori vecchi, foto fotocamere compatte
3:2	Standard fotocamera	O/V	Rapporto predefinito reflex/mirrorless, stampa foto 6 pollici, lavori fotografici
16:9	Panoramico	Orizzontale	TV/monitor HD, video YouTube, PPT, copertine orizzontali
2:3	Foto verticale	Verticale	Stampa foto verticali, foto verticali cellulare, poster verticali
9:16	Verticale	Verticale	Video brevi TikTok/Reels/Shorts, schermo intero mobile, Stories
21:9	Cinema panoramico	Orizzontale	Scatti di film, monitor ultra panoramici, rapporto cinema, foto panoramiche

Tabella dimensioni standard foto tessera comuni

Durante il ritaglio di foto tessera puoi inserire direttamente i pixel (standard stampa 300DPI):

Tipo documento	Dimensione mm	Dimensione px (300DPI)	Rapporto
1 pollice	25×35	295×413	circa 5:7
1 pollice piccolo	22×32	260×378	circa 2:3
2 pollici	35×49	413×579	circa 3:4
2 pollici piccolo	35×45	413×531	circa 3:4
Passaporto/visto	33×48	390×567	circa 2:3
Carta d'identità	26×32	358×441	circa 4:5

Raccomandazioni parametro qualità JPG

Scegliendo output JPG, relazione tra qualità, aspetto e dimensione:

Qualità JPG	Tasso compressione tipico	Aspetto visivo	Scenari consigliati
90-100%	Compressione 10-25%	Altissima, differenza con originale non rilevabile a occhio nudo	Fotografia professionale, pubblicazione stampa, archiviazione alta qualità
80-89%	Compressione 50-70%	Alta, praticamente nessuna differenza in uso normale	Immagini web, social media, condivisione quotidiana (consigliato)
60-79%	Compressione 70-85%	Media, possibili leggere tracce di compressione osservando attentamente	Miniature, avatar, scenari estremamente sensibili alla dimensione
30-59%	Compressione 85-95%	Bassa, artefatti di compressione visibili	Non consigliato, solo per anteprima o larghezza di banda molto bassa

Privacy & Security

Tutte le operazioni di questo strumento di ritaglio avvengono localmente nel tuo browser tramite HTML5 Canvas API. I file immagine che selezioni non vengono caricati su nessun server remoto, né memorizzati, messi in cache o usati per altri scopi. Tutta l'elaborazione avviene nella memoria del tuo dispositivo; chiudendo o aggiornando la pagina i dati temporanei vengono eliminati automaticamente. Puoi elaborare in tranquillità carte d'identità, screenshot di contratti, foto private e altri contenuti sensibili.

Authoritative References

MDNMDN Web Docs - Canvas API
WikipediaWikipedia - Regola dei terzi
web.devweb.dev - Scegliere il formato immagine corretto