Vai al contenuto
ToolsMinify logo
Strumenti generatore

Generatore Favicon

Trasforma logo o icona in un pack favicon PNG completo nel browser - niente account ne upload.

Informazioni su Generatore Favicon

Trasforma logo o icona in un pack favicon PNG completo nel browser - niente account ne upload. Un'immagine diventa PNG 16, 32, 48, 180 (Apple touch), 192 e 512 px, con download ZIP opzionale e tag link HTML pronti da incollare. Il ridimensionamento Canvas resta su questo dispositivo, cosi marchi non lasciano la macchina. Abbinalo al Compressore Immagini quando la sorgente e enorme, o al Generatore Tag Open Graph quando servono anche tag anteprima social.

Come usare Generatore Favicon

  1. Trascina JPG, PNG, WebP, GIF, BMP o SVG (max 8 MB) o incolla un'immagine. Il file e letto in locale - nulla viene caricato.
  2. Attendi le sei anteprime PNG: 16, 32, 48, apple-touch 180, Android 192 e 512. Sorgenti non quadrate sono adattate con padding trasparente.
  3. Scarica un singolo PNG, o scarica il pack ZIP (include file testo con tag link HTML).
  4. Copia lo snippet HTML nel head del documento e metti i PNG ai path corrispondenti (di solito root sito).
  5. Conferma in DevTools Network che generare non crea richieste.

Esempi di Generatore Favicon

Logo quadrato per sito nuovo

Trascina logo PNG 1024 px. Scarica ZIP, estrai in /public e incolla tag link HTML nel head del layout root.

Wordmark largo con padding

Un wordmark orizzontale e centrato in ogni quadrato con margini trasparenti cosi le tab browser non tagliano il testo in modo strano.

Solo Apple touch icon

Genera il pack, poi scarica solo apple-touch-icon.png (180x180) se hai gia altre dimensioni e ti serve solo icona home screen iOS.

Icone PWA per Chrome

Usa android-chrome-192x192.png e android-chrome-512x512.png nell'array icons del web app manifest dopo aver scaricato lo ZIP.

Comprimi prima, poi favicon

Se la sorgente e una foto multi-megabyte del logo, passa prima dal Compressore Immagini, scarica PNG piu piccolo, poi apri Generatore Favicon.

Casi d'uso comuni

  • Spedire set favicon completo per nuovo sito Next.js o statico
  • Creare Apple touch icon per segnalibri home screen iOS
  • Produrre dimensioni icona Android Chrome / PWA da un logo
  • Aggiornare icone brand senza tool design basato su upload
  • Copiare tag link HTML insieme al pack PNG

Domande frequenti su Generatore Favicon

Come creo favicon da un logo?
Trascina o incolla il logo, attendi le sei dimensioni PNG, poi scarica un file o il pack ZIP. Tutto gira nel browser - nulla viene caricato.
Quali dimensioni sono incluse?
Il pack include PNG 16x16, 32x32, 48x48, 180x180 (apple-touch-icon.png), 192x192 e 512x512 - le dimensioni comuni tab browser, Windows, iOS e Android.
E se il logo non e quadrato?
Il generatore adatta l'immagine dentro ogni quadrato (object-fit contain) e mantiene padding trasparente. Per look icona full-bleed, ritaglia il logo quadrato prima dell'upload.
Lo ZIP include HTML?
Si. Lo ZIP aggiunge un file testo con tag link da incollare nel head. Puoi copiare lo stesso snippet dalla pagina senza scaricare.
Posso usare SVG come favicon?
Puoi caricare SVG come sorgente quando il browser puo decodificarlo. L'output sono sempre dimensioni PNG per ampio supporto tab e home screen. Tieni un favicon SVG separato nel progetto se vuoi tab vettoriali nei browser che lo supportano.
Il mio logo viene caricato su un server?
No. FileReader, Canvas e creazione ZIP girano solo in questa tab. Sicuro per marchi non pubblicati. Verifica in DevTools Network mentre generi.