Cobalt Tools UploadReady

Generator favicon online gratuit

Generator favicon direct în browser. Alege opțiunile, verifică rezultatul și salvează-l pe dispozitiv, fără cont.

Generator favicon gratuit

Generator favicon

Generator favicon direct în browser. Alege opțiunile, verifică rezultatul și salvează-l pe dispozitiv, fără cont.

Mod pătrat
Fundal

Imaginea rămâne pe dispozitiv. Fără upload sau cont.

Fișiere de instalare

ZIP-ul conține șapte PNG-uri, ICO cu trei dimensiuni, site.webmanifest, taguri HTML și instrucțiuni README. Dacă ai deja un manifest, adaugă pictogramele în el.

De la logo la favicon instalat pe site

Alege un simbol simplu, ideal de cel puțin 512 × 512 px. Textul fin și detaliile mici dispar la 16 px. Folosește „Fit” pentru a păstra logo-ul întreg sau „Crop” pentru a umple pătratul. Verifică rezultatul generat pe fundal deschis și închis înainte de descărcare.

Ce conține arhiva ZIP

FișierUtilizare
favicon-16x16.png / 32x32 / 48x48Pictograme mici pentru file și marcaje
favicon-96x96.pngPictogramă pătrată mai mare, pentru afișaje dense și utilizarea în căutare
apple-touch-icon.png · 180 × 180Pictogramă pentru scurtături pe ecranul principal
favicon-192x192.png / 512x512Pictograme mari, referite de manifest
favicon.icoContainer cu trei cadre PNG: 16, 32 și 48 px
site.webmanifestNumele site-ului și referințele către pictogramele 192 și 512 px
favicon-html-snippet.txt / README.txtTaguri HTML și pașii de instalare

Instalare într-un site HTML

  1. Dezarhivează pachetul și publică imaginile, favicon.ico și site.webmanifest în rădăcina publică a site-ului.
  2. Adaugă tagurile de mai jos în <head>. Dacă ai deja un manifest, adaugă pictogramele în fișierul existent și păstrează setările aplicației.
  3. Deschide adresele fișierelor publicate și verifică fila browserului. Pentru un site într-un subdirector, ajustează căile din taguri și manifest.
<link rel="icon" type="image/x-icon" href="/favicon.ico">
<link rel="icon" type="image/png" sizes="16x16" href="/favicon-16x16.png">
<link rel="icon" type="image/png" sizes="32x32" href="/favicon-32x32.png">
<link rel="icon" type="image/png" sizes="48x48" href="/favicon-48x48.png">
<link rel="icon" type="image/png" sizes="96x96" href="/favicon-96x96.png">
<link rel="apple-touch-icon" sizes="180x180" href="/apple-touch-icon.png">
<link rel="manifest" href="/site.webmanifest">

WordPress și alte CMS-uri

Dacă tema sau platforma gestionează pictograma site-ului, folosește setarea dedicată pentru a evita taguri duplicate. De obicei, PNG-ul de 512 px este o sursă utilă; dimensiunile cerute depind de platformă.

De ce nu apare imediat în Google?

Google trebuie să poată accesa pagina principală și fișierul pictogramei. Păstrează o adresă stabilă și o imagine pătrată reprezentativă. Actualizarea depinde de recrawl și procesare; generarea fișierelor nu garantează afișarea în rezultate. Ghidul Google.

Manifestul generat descrie pictogramele; nu adaugă funcții offline sau instalabilitate PWA. ICO-ul folosește cadre PNG pentru browsere moderne. Pentru scurtături pe ecranul principal poți alege fundalul alb; testează și compatibilitatea pe dispozitivele țintă.

Cum se folosește această unealtă gratuită

  1. 1

    Selectează fișierele acceptate de unealtă sau trage-le în zona de încărcare.

  2. 2

    Ajustează opțiunile pentru: Generator favicon.

  3. 3

    Verifică rezultatul, apoi descarcă-l sau copiază-l folosind acțiunile disponibile.

Cazuri de utilizare recomandate

  • Generator favicon
  • Procesare locală în browser
  • Fără cont și fără plată

De la logo la favicon instalat pe site

Alege un simbol simplu, ideal de cel puțin 512 × 512 px. Textul fin și detaliile mici dispar la 16 px. Folosește „Fit” pentru a păstra logo-ul întreg sau „Crop” pentru a umple pătratul. Verifică rezultatul generat pe fundal deschis și închis înainte de descărcare.

Ce conține arhiva ZIP

FișierUtilizare
favicon-16x16.png / 32x32 / 48x48Pictograme mici pentru file și marcaje
favicon-96x96.pngPictogramă pătrată mai mare, pentru afișaje dense și utilizarea în căutare
apple-touch-icon.png · 180 × 180Pictogramă pentru scurtături pe ecranul principal
favicon-192x192.png / 512x512Pictograme mari, referite de manifest
favicon.icoContainer cu trei cadre PNG: 16, 32 și 48 px
site.webmanifestNumele site-ului și referințele către pictogramele 192 și 512 px
favicon-html-snippet.txt / README.txtTaguri HTML și pașii de instalare

Instalare într-un site HTML

  1. Dezarhivează pachetul și publică imaginile, favicon.ico și site.webmanifest în rădăcina publică a site-ului.
  2. Adaugă tagurile de mai jos în <head>. Dacă ai deja un manifest, adaugă pictogramele în fișierul existent și păstrează setările aplicației.
  3. Deschide adresele fișierelor publicate și verifică fila browserului. Pentru un site într-un subdirector, ajustează căile din taguri și manifest.
<link rel="icon" type="image/x-icon" href="/favicon.ico">
<link rel="icon" type="image/png" sizes="16x16" href="/favicon-16x16.png">
<link rel="icon" type="image/png" sizes="32x32" href="/favicon-32x32.png">
<link rel="icon" type="image/png" sizes="48x48" href="/favicon-48x48.png">
<link rel="icon" type="image/png" sizes="96x96" href="/favicon-96x96.png">
<link rel="apple-touch-icon" sizes="180x180" href="/apple-touch-icon.png">
<link rel="manifest" href="/site.webmanifest">

WordPress și alte CMS-uri

Dacă tema sau platforma gestionează pictograma site-ului, folosește setarea dedicată pentru a evita taguri duplicate. De obicei, PNG-ul de 512 px este o sursă utilă; dimensiunile cerute depind de platformă.

De ce nu apare imediat în Google?

Google trebuie să poată accesa pagina principală și fișierul pictogramei. Păstrează o adresă stabilă și o imagine pătrată reprezentativă. Actualizarea depinde de recrawl și procesare; generarea fișierelor nu garantează afișarea în rezultate. Ghidul Google.

Manifestul generat descrie pictogramele; nu adaugă funcții offline sau instalabilitate PWA. ICO-ul folosește cadre PNG pentru browsere moderne. Pentru scurtături pe ecranul principal poți alege fundalul alb; testează și compatibilitatea pe dispozitivele țintă.

Fișierele sau textul sunt trimise către server?

Nu. Procesarea acestei unelte are loc local în browser. Fișierele selectate și textul introdus nu sunt trimise către Cobalt Tools pentru procesare.

Utilizarea este gratuită?

Fără cont și fără plată.

Cum salvez rezultatul?

Folosește butonul de descărcare sau copiere din zona de lucru după ce rezultatul este gata.

Categorii

Alte unelte gratuite