Generare favicon e dimensioni icone PWA

Crea un pacchetto limitato di dimensioni tipiche di favicon PNG quadrati e icone PWA più un ICO a partire da un'immagine sorgente revisionata.

Quando questo strumento è utile

Preparazione di asset comuni per schede del browser, scorciatoie, installazioni e launcher a partire da un semplice segno quadrato con margini di sicurezza e bordi trasparenti.

Come funziona l'elaborazione locale

Il browser convalida e decodifica una fonte, la adatta coerentemente su tele quadrate trasparenti per le dimensioni delle icone documentate, codifica ciascun PNG, impacchetta le dimensioni ridotte selezionate in voci di directory ICO e include uno snippet del manifest e l'inventario dei file nello ZIP.

Come usarlo

  1. Prepara la sorgente: Preparazione di asset comuni per schede del browser, scorciatoie, installazioni e launcher a partire da un semplice segno quadrato con margini di sicurezza e bordi trasparenti.
  2. Elabora localmente: Il browser convalida e decodifica una fonte, la adatta coerentemente su tele quadrate trasparenti per le dimensioni delle icone documentate, codifica ciascun PNG, impacchetta le dimensioni ridotte selezionate in voci di directory ICO e include uno snippet del manifest e l'inventario dei file nello ZIP.
  3. Scarica e verifica: Ispeziona ogni PNG alla dimensione nativa su sfondi chiari e scuri, conferma il padding trasparente e le zone sicure mascherabili, apri le voci ICO, convalida i percorsi del manifest nel sito reale, cancella le cache delle icone della piattaforma e testa installazione e avvio sui dispositivi target.

Limitazioni importanti

Il pacchetto fornisce le dimensioni, non l'approvazione della piattaforma o un manifesto completo del sito. Ingrandire un master non può ripristinare i dettagli a dimensioni minuscole, i pixel trasparenti possono essere appiattiti da alcuni launcher, le icone PWA mascherabili necessitano di opere d'arte con zona sicura deliberata, la trasparenza in ICO differisce tra l'alfa PNG e le maschere legacy, e i sistemi operativi possono memorizzare nella cache icone vecchie.

Verifica il risultato scaricato

Ispeziona ogni PNG alla dimensione nativa su sfondi chiari e scuri, conferma il padding trasparente e le zone sicure mascherabili, apri le voci ICO, convalida i percorsi del manifest nel sito reale, cancella le cache delle icone della piattaforma e testa installazione e avvio sui dispositivi target.

Privato per progettazione

I tuoi file rimangono in questo browser. Lo strumento non carica la fonte o l'output sui nostri server.

Domande e risposte

Quando è utile questo strumento?

Preparazione di asset comuni per schede del browser, scorciatoie, installazioni e launcher a partire da un semplice segno quadrato con margini di sicurezza e bordi trasparenti.

Cosa fa effettivamente il browser?

Il browser convalida e decodifica una fonte, la adatta coerentemente su tele quadrate trasparenti per le dimensioni delle icone documentate, codifica ciascun PNG, impacchetta le dimensioni ridotte selezionate in voci di directory ICO e include uno snippet del manifest e l'inventario dei file nello ZIP.

Quali limiti devo comprendere?

Il pacchetto fornisce le dimensioni, non l'approvazione della piattaforma o un manifesto completo del sito. Ingrandire un master non può ripristinare i dettagli a dimensioni minuscole, i pixel trasparenti possono essere appiattiti da alcuni launcher, le icone PWA mascherabili necessitano di opere d'arte con zona sicura deliberata, la trasparenza in ICO differisce tra l'alfa PNG e le maschere legacy, e i sistemi operativi possono memorizzare nella cache icone vecchie.

Come dovrei verificare il risultato?

Ispeziona ogni PNG alla dimensione nativa su sfondi chiari e scuri, conferma il padding trasparente e le zone sicure mascherabili, apri le voci ICO, convalida i percorsi del manifest nel sito reale, cancella le cache delle icone della piattaforma e testa installazione e avvio sui dispositivi target.

Strumenti correlati