Generator de pictograme PWA

Generează pictogramele de care are nevoie o aplicație web instalabilă — fișiere PNG de 192 și 512px plus un site.webmanifest — dintr-o singură imagine, în întregime în browserul tău.

Confidențialitate în primul rând: fiecare imagine este procesată local, în browserul tău. Nimic nu este încărcat, stocat sau transmis către vreun server.

Pictogramele care fac o aplicație instalabilă

O aplicație web progresivă este considerată instalabilă în parte pe baza pictogramelor ei: browserele caută un manifest web care declară cel puțin un PNG de 192×192 și unul de 512×512 înainte să ofere un mesaj de instalare sau să pună o pictogramă decentă pe ecranul principal. Acest generator le randează pe amândouă din imaginea ta sursă și scrie un site.webmanifest care le referențiază, alături de apple-touch-icon pe care îl vrea iOS și de un favicon.ico pentru filele obișnuite.

Dă-i forma potrivită pentru lansator

Lansatoarele Android pot masca o pictogramă într-un cerc sau un pătrat rotunjit, așa că grafica ce ajunge până la margine poate fi tăiată. Adaugă aici spațiu liber și un fundal uniform, iar partea importantă rămâne în zona sigură, indiferent de masca aplicată; previzualizarea live arată rezultatul la fiecare dimensiune. Totul se randează pe dispozitivul tău cu Canvas API — logo-ul tău nu este niciodată încărcat — iar setul complet se descarcă sub formă de arhivă zip.

Întrebări frecvente

Imaginea mea este încărcată pentru a crea faviconul?
Nu. Faviconul .ico, pictogramele PNG și manifestul sunt generate toate local, în browserul tău, folosind API-ul Canvas. Imaginea ta nu părăsește niciodată dispozitivul.
Ce dimensiuni și fișiere primesc?
Un favicon.ico cu mai multe rezoluții (16, 32 și 48px), pictograme PNG la 16, 32, 48, 180 (apple-touch-icon), 192 și 512px, un site.webmanifest și un fragment HTML de lipit în <head>.
Pot converti un PNG sau SVG în ICO?
Da. Adaugă un PNG, JPG, SVG sau WebP și descarcă un favicon.ico veritabil. Logo-urile SVG sunt mai întâi rasterizate local, la rezoluție înaltă.
Ce imagine funcționează cel mai bine?
O imagine pătrată, cu un logo simplu și de contrast ridicat. Imaginile care nu sunt pătrate sunt decupate spre centru pentru a se potrivi; folosește opțiunile de spațiere interioară și de formă pentru a le încadra așa cum vrei.
Cum instalez faviconul?
Dezarhivează pachetul în folderul rădăcină al site-ului tău și lipește fragmentul HTML furnizat în <head>-ul paginilor tale. Faviconul .ico este preluat automat de majoritatea browserelor.