Favicon pentru Wix
Wix stochează favicon-ul dvs. în tabloul de bord al site-ului sub Setări > Informații site > Favicon și îl injectează automat în fiecare pagină publicată. Încărcați un pătrat PNG de cel puțin 100×100 pixeli — 512×512 este ideal pentru afișare clară. Pentru suport PWA și apple-touch-icon, utilizatorii avansați pot adăuga cod personalizat prin Wix Velo. Utilizați favicon generator pentru a crea un PNG gata de încărcat din sigla sau marca dvs. de marcă.
Favicon-ul dvs. este unul dintre cele mai vizibile elemente de marcă de pe un site Wix - apare în fila browser, bara de marcaje și istoricul barei de adrese. O favicon ascuțită și ușor de recunoscut îi ajută pe vizitatori să identifice și să revină rapid la site-ul dvs. Wix. Wix gestionează automat injecția de favicon odată ce încărcați imaginea, astfel încât efortul necesar este minim.
Pentru a adăuga sau a schimba faviconul Wix, conectați-vă la tabloul de bord Wix și navigați la Setări > Informații site. Derulați la secțiunea Favicon (uneori etichetată Pictogramă site sau Favicon filă, în funcție de versiunea dvs. Wix). Faceți clic pe zona de încărcare sau pe miniatura pictogramei existente pentru a deschide managerul media. Încărcați pătratul PNG și confirmați.
Wix recomandă o dimensiune minimă a faviconului de 100×100 pixeli, dar acesta este un podea, nu o țintă. Pentru cel mai clar rezultat, încărcați 512×512. Wix reduce imaginea pentru afișarea filelor, iar pornirea de la o sursă mai mare înseamnă mai puțină pierdere de calitate la dimensiuni mici. favicon generator exportă un PNG de 512×512 perfect din orice logo în câteva secunde.
Formatul PNG este cea mai bună alegere pentru încărcările de favicon Wix. Acceptă transparența, ceea ce asigură că pictograma dvs. arată curată atât pe temele deschise, cât și pe cele întunecate, fără o casetă de fundal colorată sau albă. Fișierele ICO nu sunt necesare — Wix convertește PNG și îl servește cu tipul MIME corect.
Wix Studio (nivelul profesional al Wix) plasează setarea favicon în aceeași locație în Setări > Informații site. Studio permite, de asemenea, injectarea de cod personalizat mai avansat în secțiunea „<head>” dacă aveți nevoie de favicons SVG sau de etichete apple-touch-icon. Navigați la Setări > Cod personalizat pentru a adăuga scripturi principale pe proiectele Wix Studio.
După ce ați încărcat favicon-ul în tabloul de bord Wix, trebuie să vă republicați site-ul pentru ca modificarea să fie difuzată. Faceți clic pe Publicare în colțul din dreapta sus al editorului. Wix propagă noua favicon în toate paginile de pe domeniul dvs. personalizat. Modificările salvate în tabloul de bord, dar nepublicate, nu sunt vizibile pentru vizitatori.
Wix gestionează automat injectarea etichetei `<link rel='icon'>` - nu trebuie să adăugați niciun cod. Wix injectează, de asemenea, o intrare apple-touch-icon de bază pentru salvările de pe ecranul de pornire iOS, redimensionând favicon-ul încărcat la dimensiunile necesare. Pentru un apple-touch-icon personalizat 180×180 (diferit de favicon), utilizați Wix Velo injectare cod personalizat.
Fundalurile transparente sunt păstrate de Wix atunci când încărcați un PNG cu un canal alfa. Dacă pictograma dvs. are un fundal solid, va afișa o casetă colorată în filele browserului în modul întunecat. Exportați sigla fără umplere de fundal înainte de încărcare. Puteți verifica că transparența funcționează corect folosind favicon tester, care redă pictograma atât pe fundal deschis, cât și pe fundal întunecat.
Wix Velo (platforma de dezvoltare JavaScript din Wix) permite personalizarea avansată a favicon-urilor. Folosind `wixLocation` și evenimentele de pagină de la Velo, puteți injecta dinamic diferite etichete de link favicon pe pagină. Acest lucru este util pentru site-urile de comerț electronic cu branding specific produsului sau pentru site-urile cu mai multe categorii în care fiecare secțiune folosește o pictogramă diferită.
Dacă utilizați un șablon Wix care a fost creat înainte ca Wix să introducă suportul nativ pentru favicon, setările pentru favicon ar putea să apară într-o locație diferită sau să nu fie prezente deloc. În aceste cazuri, utilizați injectarea codului personalizat Wix: Setări > Cod personalizat > Adăugați cod > Plasați codul în `<head>` a fiecărei pagini și adăugați manual eticheta `<link rel='icon' href='URL'>` cu un link către favicon-ul dvs. găzduit.
Wix Site-urile ADI (Artificial Design Intelligence) setează automat o favicon din activele mărcii dvs. dacă le furnizați în timpul asistentului de configurare. Puteți înlocui oricând favicon-ul ales de ADI utilizând Setări > Informații site > calea Favicon. Favicon-urile generate de ADI sunt adesea sigle cu rezoluție scăzută - se recomandă înlocuirea lor cu o pictogramă special creată.
După ce ați publicat faviconul Wix, deschideți domeniul live într-o fereastră de browser privată/incognito pentru a vedea pictograma actualizată fără cache locală a browserului. Dacă vechea favicon se afișează în continuare în navigarea normală după o zi, este probabil mai degrabă cache-ul browserului decât o problemă Wix. O reîmprospătare tare (Ctrl+Shift+R sau Cmd+Shift+R) forțează browserul să renunțe la pictograma stocată în cache.
Pentru companiile care doresc să instaleze PWA pe site-ul lor Wix - adăugând site-ul la un ecran de pornire mobil cu o pictogramă de aplicație de dimensiune completă și un ecran de introducere - Wix are capacități native limitate PWA. Utilizați injecția de cod personalizat de la Wix pentru a adăuga o etichetă „<link rel='manifest'>” care indică către un fișier site.webmanifest găzduit extern, care conține pictograme PNG de 192×192 și 512×512. Consultați web app manifest guide pentru configurarea completă a manifestului.
Cum funcționează
- 1
Creați o favicon PNG de 512×512
Utilizați [favicon generator](tool:favicon-generator) cu sigla sau marca dvs. de marcă ca sursă. Descărcați 512×512 PNG din pachet — aceasta este dimensiunea potrivită pentru Wix.
- 2
Deschide Setări > Informații site
În tabloul de bord Wix (nu în editor), navigați la Setări > Informații site și derulați în jos pentru a găsi secțiunea Favicon.
- 3
Încărcați PNG
Faceți clic pe zona de încărcare sau pe miniatura de favicon existentă, selectați PNG 512×512 din Wix media manager sau dispozitivul dvs. și confirmați. Salvați setările.
- 4
Publicați site-ul dvs
Faceți clic pe butonul Publicare din editorul Wix. Wix injectează eticheta favicon actualizată în toate paginile de pe domeniul dvs. personalizat live.
- 5
Verificați într-o fereastră incognito
Deschide-ți domeniul live într-o fereastră de browser privată/incognito. Noua favicon ar trebui să apară în filă. Utilizați [favicon tester](utility:favicon-tester) pentru o verificare externă rapidă.
Încearcă acum
Generați o favicon gata pentru Wix
Generator de FaviconÎntrebări frecvente
Unde este setarea favicon în Wix?+
Setări > Informații site > Favicon (eticheta exactă poate fi „Tab Favicon” sau „Site Pictogramă”, în funcție de versiunea sau șablonul dvs. Wix). Încărcați un pătrat PNG, salvați și faceți clic pe Publicați pentru a-l aplica pe site-ul dvs. live.
Ce dimensiune ar trebui să aibă favicon-ul meu Wix?+
Wix necesită minim 100×100 pixeli, dar 512×512 PNG este recomandat. Pornind de la o sursă mai mare, Wix poate eșantiona la 32×32 (dimensiunea filei) fără pierderi vizibile de calitate.
De ce faviconul meu Wix arată încă vechea pictogramă?+
Asigurați-vă că ați făcut clic pe Publicare după încărcarea noului favicon - modificările salvate nu sunt transmise live până la publicare. Apoi deschideți-vă site-ul într-o fereastră privată/incognito pentru a ocoli memoria cache a favicon-urilor locale a browserului.
Pot folosi o favicon SVG pe Wix?+
Nu prin panoul nativ Setări - acceptă doar formate raster. Pentru a utiliza SVG, adăugați un cod personalizat „<link rel='icon' type='image/svg+xml' href='URL'>” în Setări > Cod personalizat > Cod principal și găzduiți SVG extern.
Wix adaugă automat un apple-touch-icon?+
Wix injectează un apple-touch-icon de bază din imaginea favicon încărcată. Pentru un apple-touch-icon personalizat de 180×180 (separat de favicon-ul filei), injectați manual eticheta de link prin Wix Velo sau Setări > Cod personalizat.
Faviconul meu Wix afișează în continuare pictograma implicită Wix — ce fac?+
Salvați noua favicon în Setări > Informații site, apoi faceți clic pe Publicați în editor. Verificați dacă site-ul este publicat în domeniul dvs. personalizat (nu doar în previzualizarea subdomeniului Wix). Goliți memoria cache a browserului și încercați într-o fereastră incognito.
Pot avea diferite favicon-uri pe diferite pagini Wix?+
Da, folosind Wix Velo. Adăugați o injecție de cod personalizat pe pagină sau utilizați evenimentul Velo pregătit pentru pagină pentru a actualiza dinamic elementul `<link rel='icon'>` pe baza căii curente a paginii.