Generator de apple-touch-icon

Creează pictograma apple-touch-icon de 180×180 pe care iOS o folosește pentru marcajele de pe ecranul principal — plus un set complet de favicon — local, în browserul tău. Nimic nu este încărcat.

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.

Pictograma pe care iOS o pune pe ecranul principal

Când cineva îți adaugă site-ul pe ecranul principal al unui iPhone sau iPad, iOS caută un apple-touch-icon de 180×180; fără el, revine la o captură de ecran neclară. Acest generator randează exact acea dimensiune din imaginea ta — cu un fundal uniform, pentru că un apple-touch-icon nu ar trebui să fie transparent — și o include în descărcare alături de favicon.ico și de pictogramele Android.

Un singur export, toate platformele

În loc să decupezi manual câte un fișier separat pentru fiecare dispozitiv, generează tot setul dintr-o dată: apple-touch-icon pentru iOS, fișiere PNG de 192 și 512px pentru Android și PWA și favicon.ico pentru browserele desktop, cu un fragment HTML care le referențiază. Totul rulează în browserul tău, așa că grafica mărcii tale nu îți părăsește niciodată dispozitivul.

Î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.