Softonic

Immagini con angoli arrotondati

Passaggio 1 / 3 Raggio angoli

I sistemi operativi, gli store di app e i sistemi di design UI amano tutti gli angoli arrotondati, icone iOS, schede Material, componenti moderni di Tailwind. Carica qualsiasi immagine e questo strumento arrotonda i quattro angoli al raggio impostato, esporta come PNG con angoli trasparenti e, facoltativamente, applica un raggio diverso per angolo per look da biglietto o fumetto.

Come arrotondare gli angoli delle immagini

  1. 1

    Carica un'immagine

    JPG, PNG o WebP.

  2. 2

    Scegli un raggio

    In pixel o come percentuale del lato più corto.

  3. 3

    Facoltativo: diverso per angolo

    Arrotonda solo gli angoli superiori (scheda), o asimmetrico (biglietto).

  4. 4

    Scegli sfondo

    Trasparente (PNG) o un colore solido se salvi come JPG.

  5. 5

    Esporta

    Il PNG preserva l'alpha arrotondata; il JPG si appiattisce al colore scelto.

Scelte di raggio per forme UI comuni

Preset di raggio

Forma Raggio
Scheda UI sottile 4-8 px
Scheda Material Design 4 px (o 8 px in M3)
Icona app iOS 22.37% del lato (il “squircle”)
Icona app macOS 18.75% del lato
Fumetto storia Instagram 12-16 px
Avatar arrotondato 50% del lato corto (completamente circolare)
Biglietto Asimmetrico, arrotonda solo uno o due angoli
Lato del fumetto Un angolo piccolo, il resto più grande

Il problema dello squircle

Le icone iOS non sono semplici rettangoli arrotondati, usano un “superellisse” che è matematicamente più fluido nella transizione. I veri squircles vanno oltre ciò che un border-radius CSS o una semplice maschera alpha possono rendere; lo strumento li approssima con un rettangolo arrotondato di alto ordine che appare indistinguibile a dimensioni tipiche delle icone.

Comportamento della trasparenza

  • Output PNG è il predefinito, gli angoli arrotondati diventano pixel trasparenti. Utile per icone di app, schede UI e ovunque sia necessario comporre l’immagine su uno sfondo vario.
  • Output JPG non può essere trasparente. Gli angoli arrotondati si riempiono con un colore scelto, rendendo effettivamente la foto incorniciata.

Raggio diverso per angolo

Un look da fumetto: arrotonda tre angoli a 12 px e lascia uno a 0 px (l’angolo dove si attaccherebbe il “codino”). Un biglietto: due angoli appuntiti e due arrotondati. Raggi asimmetrici sono un modo veloce per suggerire che l’immagine si attacca a qualcos’altro.

Anti-aliasing

Le curve degli angoli sono disegnate con un super campionamento 4x in modo che appaiano nitide a dimensioni di visualizzazione normali. Stampate o ingrandite, il raggio appare ancora visibilmente liscio.

Domande frequenti

Apple utilizza uno squircle la cui curvatura degli angoli è approssimativamente 22.37% del lato dell’icona. Su una tela 1024 × 1024, ciò corrisponde a circa 229 px di raggio angolare efficace, anche se la matematica esatta differisce leggermente da un semplice rettangolo arrotondato.

Sì. Il raggio è applicato per angolo indipendentemente dal rapporto d’aspetto dell’immagine. A rapporti estremi (molto larghi o molto alti), impostare il raggio al 50% del lato corto produce una forma a capsula.

No, il JPG non supporta la trasparenza. Esporta come PNG per mantenere l’alpha arrotondata, oppure scegli un colore di sfondo per il JPG e gli angoli si riempiranno con quel colore.

Sì. Lo strumento aggiunge solo una maschera alpha e non ridimensiona l’immagine. Se desideri combinare l’arrotondamento con il ridimensionamento, applica prima il ridimensionatore.

Strumenti correlati

Selettore Colori Material Design

Sfoglia la palette di colori Material Design. Copia qualsiasi tonalità (da 50 a A700) in HEX, RGB o HSL con un solo tocco.

Creatore di giornali

Crea una prima pagina di giornale con titoli e articoli tuoi, poi copia o scarica il testo semplice oppure usa la finestra di stampa del browser.

Sfoca i volti nelle foto online

Disegna riquadri su volti o dettagli sensibili, poi sfocali, pixelali o coprili di nero. Tutto avviene nel browser e il risultato si scarica in JPEG.

Scanner di documenti

Acquisisci o scegli fino a 10 foto, riordinale, regola la resa e crea localmente un PDF A4.

Comprimi PNG

Ricodifica, riduci la precisione RGB o ridimensiona localmente fino a 10 PNG statici e confronta la dimensione reale.

Ritaglia GIF

Ritaglia GIF statiche o animate con coordinate precise nel browser e scarica un nuovo GIF ricodificato.

Strumento disponibile in altre lingue