Come usarlo
Scegli un JPEG, PNG, WebP o GIF. Crea file costruisce il pacchetto. Scarica salva uno ZIP. Metti i file sul sito e copia i tag link da README.txt nell’elemento head.
Esempio
README.txt include i tag link per l’icona, il PNG da 32 pixel e l’Apple touch icon.
Input
Un logo PNG quadratoOutput
favicon-pack.zip contenente favicon.ico, PNG a 16, 32, 48 e 180 pixel, e README.txtCome funziona
Ogni dimensione è disegnata su un quadrato bianco così un logo trasparente resta visibile su chrome del browser chiaro e scuro. favicon.ico contiene i PNG da 16 e 32 pixel in un contenitore PNG-in-ICO. Il PNG da 48 pixel è un’icona scorciatoia generica. Il PNG da 180 pixel è la dimensione Apple touch. Lo ZIP è memorizzato, non ricompresso, e include lo snippet HTML.
Errori comuni
- L’icona sembra ritagliata La sorgente viene stirata a quadrato. Parti da un’immagine quadrata se l’artwork non deve essere stirato.
- Un browser vecchio ignora favicon.ico L’ICO usa PNG incorporati, che i browser attuali leggono. I file PNG separati sono il fallback elencato nel README.
- Lo ZIP non è apparso Crea file deve riuscire prima di Scarica. Un’immagine danneggiata fallisce prima che il pacchetto sia costruito.
Limiti
Il pacchetto non include un web app manifest, favicon SVG o icona maskable da 512 pixel. L’animazione è ridotta a un fotogramma. File oltre 15 MB o 8000 pixel su un lato vengono rifiutati. L’immagine non viene caricata.
Privacy
Il file resta nel tuo browser. PepsTools non lo carica, non lo memorizza e non lo invia ad altri servizi. Svuota lo strumento o lascia la pagina per rimuoverlo dalla memoria.
Domande
Quali tag deve usare il sito?
Il README nello ZIP elenca un link favicon.ico, un link PNG da 32 pixel e un link apple-touch-icon. Copiali nell’elemento head e adatta i percorsi a dove hai messo i file.