SVG în favicon

Transformă un logo SVG într-un set complet de favicon — favicon.ico, apple-touch-icon și pictograme pentru aplicații web — rasterizat impecabil î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.

Vector la intrare, fiecare dimensiune raster la ieșire

Un SVG este sursa ideală pentru favicon: este independent de rezoluție, așa că fiecare dimensiune de pictogramă poate fi rasterizată din geometria originală, în loc să fie reeșantionată dintr-un bitmap deja mic. Adaugă SVG-ul tău, iar fiecare rezultat — 16, 32, 48, 180, 192 și 512 pixeli — este desenat din vector la dimensiunea lui nativă, ceea ce păstrează marginile clare în loc de tulburi. Asta e diferența dintre o pictogramă care pare intenționată într-o filă și una care pare o pată.

De ce ai nevoie în continuare de .ico

Browserele moderne folosesc bucuroase un favicon SVG direct, dar cele mai vechi și o mulțime de unelte — cititoare de fluxuri, servicii care extind linkurile în chat, comenzi rapide de pe desktop — caută în continuare favicon.ico. Generarea ambelor din același SVG acoperă totul. Adaugă spațiu liber, alege o mască pătrată, rotunjită sau circulară și un fundal, apoi descarcă setul complet, cu un fragment HTML gata de lipit.

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