Strumento immagini

Crea tutte le icone essenziali da una sola immagine

Controlla il risultato, regola l’adattamento e scarica le icone per browser, Apple e app installabili insieme ai file per collegarle.

Nessun caricamento di immagini
ICO, PNG e manifesto web
Anteprime browser e app

Passaggio 1 · Aggiungi un’immagine

Scegli l’immagine che rappresenterà il sito o l’app

Se possibile, usa un’immagine quadrata. Sono supportati PNG, JPG, WebP, HEIC, HEIF e SVG.

L’immagine resta su questo dispositivo e viene liberata quando la sostituisci o chiudi la pagina.

Puoi anche trascinare un’immagine in quest’area.

Impossibile creare il pacchetto{{ errorMessage }}

Passaggio 2 · Definisci le icone

Regola una volta e controlla ogni destinazione

Immagine originale

{{ source.file.name }} {{ t('editor.dimensions', { width: source.width, height: source.height }) }}

L’immagine è più piccola di 512 × 512 pixel. Le icone grandi potrebbero risultare poco nitide.

Aspetto delle icone

Come deve adattarsi l’immagine? Mostra tutta l’immagineMantiene l’immagine completa e mostra lo sfondo intorno. Riempi l’iconaRiempie il quadrato e può tagliare i bordi.

{{ t('editor.artworkSize', { value: artworkSize }) }} Sfondo delle icone {{ backgroundColor }} Mantieni trasparente lo sfondo delle faviconLe icone Apple e per app usano comunque lo sfondo scelto. {{ t('editor.maskableSize', { value: maskableSafeArea }) }} Mantieni gli elementi importanti nella guida. I dispositivi possono ritagliare l’esterno in un cerchio o in un’altra forma.

Dettagli del manifesto

Questi valori vengono scritti in site.webmanifest.

Nome dell’app Nome breve URL iniziale

Colore del tema {{ themeColorError }}

Modalità di visualizzazione

Anteprime dal vivo

Scheda del browser

Schermata Home Apple

Icona adattabile per app

Area sicura

Impossibile creare il pacchetto{{ errorMessage }}

{{ statusMessage }}

{{ t('result.fileCount', { count: resultFiles.length }) }}

Pacchetto di icone pronto

Dieci file generati sono pronti per essere aggiunti al sito.

File del pacchetto

{{ file.name }}{{ formatBytes(file.blob.size) }}

Aggiungi questo codice nel <head> della pagina

Rilascia qui l’immagine

Contenuto del pacchetto

Un pacchetto compatto per browser e dispositivi attuali

Icone del browser

favicon.ico contiene immagini da 16, 32 e 48 pixel, con file PNG separati da 16 e 32 pixel.

Icona touch Apple

Un PNG da 180 pixel con sfondo pieno è pronto per Aggiungi alla schermata Home.

Icone per app installabili

Il manifesto indica icone standard da 192 e 512 pixel e versioni adattabili separate, preparate per il ritaglio del dispositivo.