Utiliome

Generator de favicon

Generează un pachet multi-platformă (favicon.ico, 16×16, 32×32, Apple Touch 180×180, iconițe Android PWA 192×192 și 512×512 + site.webmanifest) în browser.

Fără încărcăriFără contProcesare în lot
16px–512px + .ICO3. Manifest web (site.webmanifest)Machetă live a filei de browser (deschis și întunecat)ZIP în lot
Descarcă
Motorul offline e gataSpațiu de lucru 100% privat, în browser • Zero încărcări în cloud
Unelte de care ai putea avea nevoie

Unelte similare

Generator ICO

Convertește online PNG, SVG, JPG sau WebP în fișiere Windows .ICO multi-rezoluție. Împachetează straturi RGBA pe 32 de biți: 16×16, 24×24, 32×32, 48×48, 64×64, 128×128 și 256×256.

Convertește SVG în PNG

Convertește instant imaginile vectoriale SVG în PNG de înaltă calitate, direct în browser.

Optimizator SVG

Minifică și optimizează online fișiere SVG vectoriale cu până la 80%. Scoate metadatele Figma/Illustrator, rotunjește precizia căilor, compară Înainte/După și exportă în masă ZIP.

Redimensionează imaginea

Schimbă dimensiunile imaginii și scaleaz-o în sus sau în jos, local, în browser.

Colțuri rotunjite

Adaugă ușor colțuri rotunjite imaginilor, online și gratuit.

Decupează imaginea

Decupează și taie imaginile direct în browser.

100% privat • Zero încărcări de fișiere pe server

De ce să folosești generatorul de favicon și PWA all-in-one de la Utiliome?

Construit de la zero pentru confidențialitate strictă, execuție instant și zero fricțiune. Fără abonamente, paywall-uri sau conturi.

Pachet complet, 9 fișiere

Generează favicon.ico (straturi 16×16, 32×32 și 48×48), favicon-16x16.png, favicon-32x32.png, favicon-48x48.png, apple-touch-icon.png (180×180), android-chrome-192x192.png, android-chrome-512x512.png, site.webmanifest și head-tags.html.

Previzualizare filă luminos și întunecat

Testează iconița în file Light și Dark și pe insigna de ecran principal iOS înainte de descărcare — cu fundal, padding și rază de colț în timp real.

Fragment HTML <head> gata de lipit

Copiază tagurile exacte <link rel="icon">, <link rel="apple-touch-icon"> și <link rel="manifest"> dintr-un clic, pentru Astro, Next.js, WordPress sau HTML simplu.

Împachetare 100% privată pe client

Reeșantionarea pe canvas, antetul binar .ico și arhivarea ZIP rulează local, fără încărcare pe server și fără filigran.

Utiliome față de alternativele cloud clasice

Compară motorul nostru local WebAssembly cu uneltele cloud vechi.

Funcție Utiliome (browser local) Convertoare cloud clasice
Acoperirea fișierelor generate Fișier favicon.ico multi-strat + PNG 16/32/48/180/192/512 + site.webmanifest Un singur ICO 16×16 sau fără manifest iOS/Android
Machetă filă luminos/întunecat și iOS Bară Chrome luminos/întunecat în timp real + insignă de ecran principal iOS Descărcare statică, fără verificare de contrast în dark mode
Padding, fundal și mască rotunjită Padding 0%–30%, rază 0%–50% și fundal HEX personalizat Întinde logo-urile non-pătrate, fără padding sau rotunjire
Confidențialitate și viteză Canvas local + JSZip (zero încărcări pe server) Încarcă logo-uri nelansate pe servere la distanță
Cum funcționează

Cum generezi un pachet complet de favicon, în 3 pași

Nu trebuie să instalezi niciun program. Totul rulează direct în browser.

1

Trage logo-ul (SVG, PNG, JPG, WebP)

Alege o imagine de înaltă rezoluție sau un logo .svg. Pentru splash PWA clar la 512×512, pornește de la SVG sau PNG de cel puțin 512×512.

2

Padding, rază și contrast în dark mode

Verifică previzualizarea Light și Dark. Adaugă margine de siguranță (8%–12%), colțuri rotunjite sau un fundal solid dacă logo-ul închis dispare pe file întunecate.

3

Descarcă ZIP-ul de favicon și copiază tagurile HTML <head>

Apasă „Descarcă ZIP-ul complet de favicon”, pune fișierele în /public sau în rădăcină și lipește fragmentul <link> în <head>.

Dimensiuni de favicon în 2026: ce folosesc browserele și Google

Răspuns rapid: Un pachet de producție include favicon.ico multi-rezoluție (16/32/48 px), favicon-16x16.png, favicon-32x32.png și favicon-48x48.png pentru file și SERP, apple-touch-icon.png (180×180) pentru iOS și PNG-uri 192×192 + 512×512 în site.webmanifest pentru PWA Android.

Un singur favicon.ico nu mai ajunge pe monitoare Retina, iPhone, ecrane Android și snippet-uri Google. Fiecare platformă cere o rezoluție și un format:

Fișier Dimensiuni Platformă și comportament
favicon.ico 16×16, 32×32, 48×48 (multi-strat) Rezervă pentru browsere vechi, cititoare RSS, scurtături Windows și crawlere la /favicon.ico
favicon-16x16.png 16 × 16 px File desktop la DPI standard (Chrome, Firefox, Edge, Safari) și bare de favorite
favicon-32x32.png 32 × 32 px File Retina / HiDPI 2x și site-uri fixate în taskbar
favicon-48x48.png 48 × 48 px Scurtături dense și crawlere care recomandă iconițe pătrate peste 48×48
apple-touch-icon.png 180 × 180 px „Adaugă pe ecranul principal” în Safari și dalele Favorite
android-chrome-192x192.png 192 × 192 px Scurtătură Android Chrome, referită în site.webmanifest
android-chrome-512x512.png 512 × 512 px Splash la instalarea PWA și iconiță de lansator densă
site.webmanifest Manifest JSON Numele aplicației, culoarea temei și căile iconițelor 192/512 pentru instalare PWA
head-tags.html Fragment HTML Taguri <link> și <meta name="theme-color"> gata de lipit în <head>

De ce logo-urile transparente dispar în dark mode

Răspuns rapid: Peste 60% dintre dezvoltatori și utilizatori navighează în Dark Mode, unde un PNG negru transparent dispare pe o filă #1E293B sau #000000. Un fundal discret, padding 8%–12% și rază 16%–24% păstrează lizibilitatea în ambele teme.

O greșeală frecventă este un logo monocrom negru, cu fundal transparent (bgMode: transparent), folosit ca favicon. Arată bine pe o filă Chrome albă și dispare pe filele Dark din Chrome, Arc, Brave, Edge și Safari.

Macheta de filă Utiliome randează faviconul simultan pe Light (#FFFFFF) și Dark (#1E293B):

  • Dacă logo-ul este închis:alege fundalalbsauaccent de brand, pune padding-ul de siguranțăla 10%–14% șiraza la 20% (squircle) sau 50% (cerc).
  • Pentru apple-touch-icon.png pe iOS: iOS aplică propria mască super-elipsă și umple pixelii transparenți cu negru dacă nu există fundal — un fundal explicit evită cutiile negre pe ecranul principal.

Generator de favicon sau convertor ICO: ce unealtă să folosești?

Răspuns rapid: Folosește generatorul de favicon când lansezi un site sau o aplicație web și ai nevoie de pachetul ZIP complet (PNG-uri, pictograma Apple Touch, manifestul PWA pentru Android, fragmentul HTML <head> și favicon.ico). Folosește convertorul ICO dedicat când ai nevoie de un fișier .ico Windows multi-strat, de sine stătător, până la 256×256 px, pentru software desktop sau scurtături.

Ambele produc fișiere .ico, dar pentru pipeline-uri diferite:

Cerință Generator de favicon (această unealtă) Generator și convertor ICO
Ieșire principală ZIP web cu 9 fișiere (6 PNG-uri + .ico + site.webmanifest + head-tags.html) Binar .ico de sine stătător (sau ZIP de lot), cu straturi la alegere
Rezoluții .ico 16×16, 32×32 și 48×48, optimizate pentru web Suită desktop: 16, 24, 32, 48, 64, 128 și 256×256 px
Iconițe Apple iOS și PWA Android Incluse (180×180, 192×192, 512×512) Nu (strict container .ico)
Potrivit pentru Site-uri, SaaS, Next.js/Astro/WordPress și iconițe SERP Iconițe .exe Windows 10/11, foldere și conversie PNG în ICO pe lot
Întrebări

Întrebări despre favicon și specificațiile de iconițe

Tot ce trebuie să știi ca să folosești gratuit Generator de favicon de la Utiliome.

Ce dimensiune de imagine încarc în generatorul de favicon?

Pentru rezultate clare până la iconița PWA de 512×512, încarcă un fișier vectorial .svg sau un PNG/WebP pătrat de cel puțin 512×512 pixeli.

Ce dimensiuni de favicon recomandă Google Search pentru snippet-uri?

Google Search Central cere un favicon pătrat de cel puțin 8×8 px și recomandă o iconiță mai mare de 48×48 px (sau multiplu de 48, SVG ori apple-touch-icon 180×180), ca să scaleze curat în rezultatele mobile și desktop. Utiliome include automat un strat 48×48 în favicon.ico, un favicon-48x48.png și un apple-touch-icon de 180×180.

Unde pun fișierele din favicon-package.zip?

Extrage fișierele statice (favicon.ico, favicon-16x16.png, favicon-32x32.png, favicon-48x48.png, apple-touch-icon.png, android-chrome-192x192.png, android-chrome-512x512.png și site.webmanifest) în directorul static rădăcină (de exemplu /public în Next.js, Astro, Vite sau rădăcina în WordPress/HTML), apoi copiază tagurile <link> din head-tags.html în <head>.

Fișierul favicon.ico generat este un ICO multi-rezoluție real?

Da. Spre deosebire de uneltele care redenumesc un PNG în .ico, Utiliome construiește un antet binar ICONDIR și împachetează trei straturi RGBA pe 32 de biți (16×16, 32×32 și 48×48) în favicon.ico.

Când folosesc generatorul de favicon și când generatorul ICO?

Generatorul de favicon la configurarea unui site: Apple Touch, iconițe PWA Android, site.webmanifest și taguri head dintr-un clic. Generatorul ICO când ai nevoie de un .ico desktop cu straturi 64×64, 128×128 și 256×256 sau de conversie pe lot.

Logo-urile sunt încărcate pe un server la generarea faviconului?

Niciodată. Scalarea pe canvas, rotunjirea, împachetarea ICO și comprimarea ZIP se fac 100% local, în browser.