Ritaglia Immagine in Cerchio

Usa questo strumento ritaglia immagine in cerchio per tagliare una foto, un logo o uno screenshot in un cerchio perfetto o in un ovale regolabile, e per salvare il risultato come PNG trasparente. Trascina l'immagine dentro la maschera rotonda per decidere cosa resta, ingrandisci finché il soggetto riempie il riquadro, aggiungi un anello se lo vuoi e scarica un avatar pronto per un profilo, una pagina del team, una copertina di podcast o un mazzo di diapositive.

Tutto viene eseguito nel browser con l'elemento canvas HTML. La foto viene decodificata in locale, mascherata in locale ed esportata in locale, quindi non viene mai caricata su miniwebtool e non c'è coda, filigrana né limite di upload oltre la memoria del tuo dispositivo.

Cosa puoi farci

Funzionalità principali

• Trascina per inquadrare, scorri o pizzica per lo zoom: la maschera resta fissa mentre la foto si muove dietro, la stessa interazione degli editor di avatar.
• Mostra l'area ritagliata: un fantasma dei pixel scartati resta visibile nell'anteprima, così capisci se hai tagliato un orecchio o una spalla.
• Cerchio o ovale: un cursore altezza/larghezza trasforma il cerchio in un'ellisse orizzontale o verticale, e il canvas di esportazione segue la stessa forma.
• Ruota e specchia: i passi di 90 gradi correggono una foto dello smartphone di lato, e lo specchio rimette a posto un selfie.
• Anello di bordo e bordo sfumato: aggiungi un anello colorato in pixel di output, oppure ammorbidisci il bordo così l'avatar si fonde in uno sfondo.
• PNG, WebP o JPG trasparente: lascia vuoti gli angoli per PNG e WebP, oppure riempili con un colore scelto per il JPG.
• Preimpostazioni di dimensione avatar: un clic per le dimensioni comuni di foto profilo 320, 400, 512, 640 e 800 pixel.
• CSS copiabile: lo snippet riproduce lo stesso avatar rotondo su una pagina web con border-radius e object-fit.

Come ritagliare un'immagine in un cerchio

1. Carica la foto: trascina un file sull'area di rilascio, scegli Seleziona immagine, oppure incolla un'immagine copiata con Ctrl+V.
2. Inquadra il soggetto: trascina dentro il palco per spostare la foto e usa il cursore Zoom, la rotella o un gesto di pizzico per dimensionarla. Riempi maschera ripristina il ritaglio più stretto che copre la maschera e Adatta tutta la foto mostra l'intera foto al suo interno.
3. Scegli la forma: lascia Cerchio, oppure passa a Ovale e imposta il rapporto altezza/larghezza.
4. Stila il bordo: imposta Anello e il suo colore, ammorbidisci il contorno con Sfumatura e scegli Trasparente o uno Sfondo a tinta unita.
5. Controlla le anteprime piccole: guarda le versioni a 128, 64 e 32 pixel sotto il palco e ingrandisci ancora se il viso scompare.
6. Esporta: scegli una dimensione e un formato di output, poi fai clic su Scarica immagine circolare.

Dimensioni delle foto profilo visualizzate come cerchi

La maggior parte delle piattaforme accetta un caricamento quadrato e applica la propria maschera rotonda in CSS. Esportare un PNG già circolare resta utile per siti web, documenti e diapositive, e ti lascia controllare esattamente dove cade la maschera. Queste sono dimensioni di caricamento sicure:

Come viene disegnata la maschera circolare

La foto viene dipinta su un canvas alla dimensione di output, poi la modalità di composizione del canvas passa a destination-in e sopra viene riempita un'ellisse. Solo i pixel sotto l'ellisse sopravvivono; tutto il resto diventa completamente trasparente. Quando Sfumatura è sopra zero l'ellisse viene riempita con un gradiente radiale invece che con un colore a tinta unita, così il valore alpha scende gradualmente e il bordo sfuma invece di finire su una linea netta. Un anello, se ne aggiungi uno, viene tracciato dopo così non viene cancellato dalla maschera.

Poiché un cerchio è inscritto nel quadrato da cui viene tagliato, il risultato rotondo copre sempre circa il 78,5 percento dell'area del quadrato, e i quattro angoli sono ciò che perdi. Ecco perché ingrandire un po' è di solito la scelta giusta per un ritratto: la cima della testa e le spalle stanno esattamente negli angoli che vengono rimossi.

Consigli per un ritaglio ancora riconoscibile a 32 pixel

• Riempi il cerchio con il viso. Lascia un piccolo margine sopra la testa e lascia che le spalle escano dal bordo; un piano figura intera diventa un puntino illeggibile.
• Metti gli occhi un po' sopra il centro. Un viso centrato esattamente nel mezzo di un cerchio sembra affondare.
• Preferisci uno sfondo semplice e contrastato. I dettagli affollati dietro la testa diventano rumore visivo una volta ridotto l'avatar.
• Non ingrandire. Se la sorgente è larga 200 pixel, esportare 800 pixel la sfoca soltanto; esporta alla dimensione inquadrata della sorgente o al di sotto.
• Aggiungi un anello per le interfacce scure. Un anello bianco dall'uno al due percento impedisce a una foto scura di fondersi in una barra laterale di chat scura.

Domande frequenti

La mia foto viene caricata su un server?

No. Il file viene letto dal browser con l'API FileReader, disegnato su un canvas HTML e mascherato lì. Niente viene inviato a miniwebtool, quindi l'immagine resta sul tuo dispositivo anche se chiudi la scheda. Questo significa anche che lo strumento continua a funzionare su una connessione lenta una volta caricata la pagina, e non c'è una coda di upload né un limite di dimensione del file oltre la memoria del tuo dispositivo.

Come faccio a lasciare trasparente l'area fuori dal cerchio?

Imposta Sfondo su Trasparente e scegli PNG o WebP come formato di output. Solo questi due formati memorizzano un canale alpha. Il JPG non ha alcuna trasparenza, quindi i quattro angoli intorno al cerchio vengono riempiti con il colore di sfondo, e lo strumento passa automaticamente lo sfondo a un colore a tinta unita quando selezioni JPG.

Perché il mio avatar rotondo sembra ancora quadrato dopo il caricamento?

Alcuni siti appiattiscono la trasparenza su uno sfondo bianco o scuro quando ricodificano il file caricato, e così gli angoli trasparenti tornano visibili. In quel caso abbina il colore di sfondo a quello del sito invece di usare la trasparenza, oppure carica l'originale quadrato e lascia che il sito applichi la propria maschera circolare, come fanno la maggior parte dei social network in CSS.

Che dimensione dovrebbe avere una foto profilo circolare?

512 per 512 pixel va bene per quasi ogni profilo, perché i siti riducono un'immagine più grande ma non aggiungono mai dettaglio a una piccola. Le dimensioni più comuni sono 400 pixel per X e LinkedIn, 320 per Instagram, 512 per Discord, 640 per WhatsApp e 800 per YouTube. Usa le preimpostazioni di dimensione nella sezione Dimensione in uscita e lascia che il sito faccia la riduzione.

Posso ritagliare un ovale invece di un cerchio perfetto?

Sì. Passa la forma su Ovale e sposta il cursore altezza/larghezza. Un rapporto sotto il 100 percento dà un'ellisse orizzontale larga, e un rapporto sopra il 100 percento dà un'ellisse verticale alta adatta ai primi piani a busto. Il canvas di output cambia forma insieme a essa, quindi un ovale largo 512 pixel al 130 percento viene esportato come 512 per 666 pixel.

Il ritaglio circolare riduce la qualità della mia foto?

Il ritaglio in sé rimuove i pixel fuori dal cerchio ma non ricomprime ciò che resta quando esporti PNG, che è senza perdita. La qualità cala solo se la dimensione in uscita è più grande dell'area inquadrata dell'originale, perché il browser deve allora ingrandire, oppure se scegli JPG o WebP, che sono con perdita. Ingrandire oltre circa il 100 percento su una sorgente piccola è la causa usuale di un risultato morbido.

Quali tipi di file posso aprire e salvare?

Puoi aprire qualsiasi cosa il browser sappia decodificare come immagine, di solito JPG, PNG, WebP, GIF, BMP, AVIF e SVG. I GIF animati vengono ritagliati come un singolo fotogramma fermo. Il download è un PNG per impostazione predefinita, con WebP e JPG disponibili nell'elenco Formato.