Convertitore da WebP a ICO
Il logo esiste solo come WebP salvato dal proprio sito o esportato da un programma di grafica? Si può trasformare in un favicon.ico che browser, segnalibri e collegamenti di Windows riconoscono senza markup aggiuntivo.
Convertitore di immagini
oppure trascina qui File JPG, JPEG, JPE … ·
Max 95 MB per file· Fino a 20 file· Eliminati dopo 30 minuti
I file vengono elaborati sui nostri server ed eliminati dopo 30 minuti.
85 mantiene le foto visivamente identiche all'originale. Abbassarla solo se serve un file più piccolo.
JPG, BMP ed EPS non supportano la trasparenza. I pixel trasparenti vengono riempiti con questo colore.
Colore esadecimale usato dietro i pixel trasparenti, ad es. #FFFFFF.
Questo formato contiene una sola immagine. Scegliere GIF o WebP come output per mantenere l'animazione.
Un'icona multi-dimensione contiene più risoluzioni in un solo file; browser e sistemi operativi scelgono quella che serve.
Mantiene le dimensioni originali, oppure si inserisce un lato e le proporzioni vengono conservate.
Pixel per il lato scelto sopra.
Percentuale delle dimensioni originali.
sRGB è la scelta giusta per schermi e web. Mantenere l'originale per i flussi di stampa; la scala di grigi elimina il colore.
Solo metadati, 0 mantiene il valore originale. Le stampanti e alcuni portali leggono questo numero; non cambia le dimensioni in pixel.
Come usare questo strumento
- 1
Caricare il logo WebP
Trascini il file .webp, oppure fino a 20 file alla volta, da 95 MB ciascuno. Funziona meglio con un logo quadrato di almeno 256 × 256 px.
- 2
Mantenere tutte le dimensioni dell'icona
Dimensioni delle icone parte da Tutte le dimensioni (16–256) in Impostazioni avanzate. I WebP animati usano il primo fotogramma.
- 3
Convertire e caricare sul sito
Premi Converti in ICO, rinomina il file in favicon.ico se necessario e inseriscilo nella cartella principale del sito.
Oggi i loghi salvati dai siti web sono quasi sempre in WebP. Una sola conversione trasforma quel file in un favicon.ico multidimensione, con lo sfondo trasparente conservato.
Creare un favicon.ico da un logo WebP
WebP è diventato il formato immagine predefinito di gran parte del web dopo che Google lo ha introdotto nel 2010; WordPress accetta caricamenti WebP dalla versione 5.8 del 2021 e molte CDN di immagini convertono ogni PNG che servono. Così, quando si cerca il proprio logo, la copia che si trova è spesso un .webp, che generatori di favicon, Windows e alcuni pannelli di hosting non accettano.
Il formato ICO risolve un problema diverso da quello di WebP. Invece di una sola immagine compressa, riunisce più bitmap quadrate e il browser o il sistema operativo sceglie la dimensione necessaria: 16 px per una scheda, 32 px per la barra delle applicazioni o dei segnalibri, dimensioni maggiori per i collegamenti sul desktop e gli schermi ad alta densità. La conversione crea tutte queste dimensioni dal WebP in un solo passaggio.
Il WebP originale conviene tenerlo per il logo nell'intestazione della pagina. I due file servono usi diversi e la conversione non modifica in alcun modo l'originale.
Cosa inserisce il convertitore nel file ICO
- Cinque dimensioni riunite in un unico .ico
- 16–256 px
- File WebP per lotto
- 20
- Dimensione massima per file
- 95 MB
- Poi vengono eliminati dal server
- 30 min
WEBP
Immagine WebP
WebP è un formato di immagine rilasciato da Google nel 2010 per rendere più veloce il caricamento delle pagine web. Supporta in un unico formato la compressione con e senza perdita, la trasparenza alfa e l'animazione. I file WebP con perdita sono in genere più piccoli del 25–35% rispetto a JPEG di qualità visiva simile, e il WebP senza perdita di solito è più piccolo del PNG. Tutti i browser attuali lo supportano, ma alcuni software desktop meno recenti, servizi di stampa e moduli di caricamento lo rifiutano ancora. Windows, macOS e la maggior parte degli editor di immagini moderni aprono i file WebP.
- Compressione
- Con o senza perdita
- Trasparenza
- Sì
- Animazione
- Sì
- Introdotto
- 2010 · Google
ICO
Icona di Windows
ICO è il formato di icona di Microsoft usato per le icone dei programmi Windows e le favicon dei siti web. Un singolo file .ico può contenere più immagini di dimensioni diverse, come 16×16, 32×32, 48×48 e 256×256 pixel, così il sistema può scegliere quella più adatta. Ogni immagine può essere memorizzata come bitmap o come dati PNG e supporta la piena trasparenza alfa. ICO non è pensato per foto o grafiche di grandi dimensioni. Browser, Windows e la maggior parte degli editor di icone possono leggerlo.
- Compressione
- Senza perdita
- Trasparenza
- Sì
- Animazione
- No
- Introdotto
- Microsoft
Un logo WebP diventa ICO quando l'unica copia del marchio è il file compresso servito da un sito o da un CMS e il sito ha comunque bisogno di un favicon.ico nella radice.
Preparare un logo WebP per una scheda del browser da 16 px
Ritaglia sul simbolo
La maggior parte dei loghi è larga. Conservare solo il simbolo o la prima lettera e ritagliarlo in un quadrato con un piccolo margine.
Elimina i testi piccoli
Slogan e logotipi a 16 px diventano rumore grigio. Una sola forma marcata resiste; i tratti sottili no.
Controlla entrambi i colori delle schede
Controllare il risultato con un tema del browser chiaro e uno scuro. Un logo scuro su sfondo trasparente può sparire su una scheda scura.
Aggiungere la nuova favicon al sito
Inserire favicon.ico nella cartella principale, così risponde all'indirizzo iltuosito.com/favicon.ico. Dichiararlo nell'head della pagina con <link rel="icon" href="/favicon.ico" sizes="any"> rende esplicita la scelta, e un CMS come WordPress ha un proprio campo Icona del sito che scrive questi tag al posto vostro.
Altre due icone completano il set. iPhone e iPad usano una apple-touch-icon, un PNG da 180 × 180 px, quando qualcuno aggiunge il sito alla schermata Home; si crea con da WebP a PNG e la nostra guida al ritaglio. Google Search richiede una favicon quadrata con dimensione multipla di 48 px, quindi un PNG da 96 o 144 px collegato dalla home copre anche i risultati di ricerca. I browser mettono in cache le favicon in modo aggressivo; aprire la pagina in una finestra privata per vedere subito quella nuova.
Domande sulla conversione da WebP a ICO
Perché serve un file .ico se il logo è già in WebP?
Quando una pagina non dichiara alcuna icona, i browser richiedono da soli /favicon.ico alla radice del sito, e i collegamenti di Windows, i browser meno recenti e molti campi favicon dei CMS si aspettano ICO o PNG. Un solo file .ico nella radice risponde a tutti questi casi senza alcun markup.
Le zone trasparenti intorno al logo WebP restano trasparenti?
Sì. WebP e ICO supportano entrambi il canale alfa, quindi lo sfondo trasparente passa direttamente in ogni dimensione contenuta nell'icona e la favicon resta pulita sia sulle schede chiare sia su quelle scure del browser.
Cosa succede se si carica un WebP animato?
L'ICO contiene solo immagini fisse, quindi il convertitore usa il primo fotogramma (Input animato è impostato su Solo il primo fotogramma). Scegliere un'altra sorgente se il primo fotogramma è vuoto o a metà di una transizione.
La compressione con perdita del WebP si vedrà nella favicon?
Raramente tra 16 e 64 px, perché il rimpicciolimento fa la media e cancella i piccoli artefatti. Aloni leggeri possono restare nei livelli da 128 e 256 px. Se il logo esiste anche in formato vettoriale, da SVG a ICO dà i bordi più netti.
Che risoluzione deve avere il logo WebP per una favicon nitida?
Almeno 256 × 256 px e quadrata, così il livello più grande si ottiene riducendo e non ingrandendo. Un logo di 120 px salvato dall'intestazione di una pagina risulterà sfocato nelle dimensioni maggiori.