Cobalt Tools UploadReady

Generator favicon online gratuit

Creează faviconuri PNG, ICO, Apple Touch Icon și manifest dintr-o imagine. Verifică încadrarea și descarcă fișierele sau pachetul ZIP.

Generator favicon gratuit

Generator favicon

Creează faviconuri PNG, ICO, Apple Touch Icon și manifest dintr-o imagine. Verifică încadrarea și descarcă fișierele sau pachetul ZIP.

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

PNG → faviconJPG → faviconRedimensionează sursa

Cum se folosește această unealtă gratuită

  1. 1

    Selectează imaginile acceptate din dispozitiv.

  2. 2

    Alege decuparea sau încadrarea, fundalul și numele site-ului.

  3. 3

    Verifică rezultatul și descarcă o copie nouă; păstrează originalul.

Cazuri de utilizare recomandate

  • Generator favicon
  • Alege decuparea sau încadrarea, fundalul și numele site-ului.

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

PNG → faviconJPG → faviconRedimensionează sursa

Întrebări frecvente

Fișierele sau textul sunt trimise pentru procesare pe server?

Nu. Aceste unelte procesează fișierele selectate sau textul în browserul tău.

Utilizarea este gratuită?

Da. Instrumentul poate fi folosit gratuit în browser, fără cont.

Cum salvez rezultatul?

Folosește acțiunea de descărcare din zona de rezultat și verifică fișierul salvat.

Generator favicon: ce operație este disponibilă?

Alege decuparea sau încadrarea, fundalul și numele site-ului.

Ce trebuie să verific înainte de folosirea rezultatului?

Transparența este păstrată numai dacă formatul sursă și formatul de ieșire o acceptă. Fișierele JPG nu conțin transparență. Fișierul ICO generat conține cadre PNG pentru compatibilitate cu browserele moderne. Comportamentul poate varia între browsere și platforme; testează faviconul pe site-ul tău.

Categorii

Unelte pentru imagini

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

Unelte pentru dezvoltatori

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

Toate uneltele

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

Alte unelte gratuite

Previzualizare faviconPrevizualizează faviconul în mai multe mărimi înainte de generare. Verifică lizibilitatea simbolului și încadrarea imaginii.Conversie JPG în faviconCreează faviconuri PNG și ICO dintr-o imagine JPG. Verifică încadrarea și descarcă fișierele pentru site-ul tău.Conversie PNG în faviconCreează faviconuri PNG și ICO dintr-o imagine PNG. Verifică încadrarea și descarcă fișierele pentru site-ul tău.Comprimare imaginiComprimă o imagine și compară mărimea rezultatului. Ajustează calitatea, dimensiunile și formatul local în browser.