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
- Trascina JPG, PNG, WebP, GIF, BMP o SVG (max 8 MB) o incolla un'immagine. Il file e letto in locale - nulla viene caricato.
- Attendi le sei anteprime PNG: 16, 32, 48, apple-touch 180, Android 192 e 512. Sorgenti non quadrate sono adattate con padding trasparente.
- Scarica un singolo PNG, o scarica il pack ZIP (include file testo con tag link HTML).
- Copia lo snippet HTML nel head del documento e metti i PNG ai path corrispondenti (di solito root sito).
- 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.
Strumenti correlati
Compressore Immagini
Compressore immagini gratuito nel browser. Riduci JPG, PNG e WebP con qualita e dimensione max, poi scarica. Nulla viene caricato.
Convertitore Immagine in Base64
Converti un'immagine in Base64 o data URL nel browser - l'immagine non lascia il browser. Incolla screenshot, copia snippet CSS/HTML/Markdown, o decodifica Base64 in un file scaricabile.
Generatore Codice QR
Generatore codice QR gratuito nel browser. Crea QR URL, testo o WiFi, scegli dimensione e colori, poi scarica PNG o SVG. Nulla viene caricato.
Generatore di Tag Open Graph
Genera meta tag Open Graph e Twitter Card da titolo, descrizione, URL e immagine. Generatore di tag OG gratuito con HTML live e anteprima social.