Panduan

Favicon untuk Wix

Wix menyimpan favicon anda dalam papan pemuka tapak di bawah Tetapan > Maklumat Laman Web > Favicon, dan menyuntiknya pada setiap halaman yang diterbitkan secara automatik. Muat naik segi empat sama PNG sekurang-kurangnya 100×100 piksel — 512×512 sesuai untuk paparan yang jelas. Untuk sokongan PWA dan apple-touch-icon, pengguna lanjutan boleh menambah kod tersuai melalui Velo Wix. Gunakan favicon generator untuk membuat PNG sedia untuk dimuat naik daripada logo atau tanda jenama anda.

Favicon anda ialah salah satu elemen jenama yang paling ketara pada tapak Wix — ia muncul dalam tab penyemak imbas, bar penanda halaman dan sejarah bar alamat. Favicon yang tajam dan boleh dikenali membantu pelawat mengenal pasti dan kembali ke tapak Wix anda dengan cepat. Wix mengendalikan suntikan favicon secara automatik sebaik sahaja anda memuat naik imej, jadi usaha yang diperlukan adalah minimum.

Untuk menambah atau menukar favicon Wix anda, log masuk ke papan pemuka Wix anda dan navigasi ke Tetapan > Maklumat Laman Web. Tatal ke bahagian Favicon (kadangkala dilabel Ikon Tapak atau Tab Favicon bergantung pada versi Wix anda). Klik kawasan muat naik atau lakaran kecil ikon sedia ada untuk membuka pengurus media. Muat naik petak anda PNG dan sahkan.

Wix mengesyorkan saiz favicon minimum 100×100 piksel, tetapi ini adalah lantai, bukan sasaran. Untuk hasil yang paling tajam, muat naik 512×512. Wix mengecilkan imej untuk paparan tab, dan bermula dari sumber yang lebih besar bermakna kehilangan kualiti yang kurang pada saiz yang kecil. favicon generator mengeksport 512×512 PNG yang sempurna daripada sebarang logo dalam beberapa saat.

Format PNG ialah pilihan terbaik untuk muat naik favicon Wix. Ia menyokong ketelusan, yang memastikan ikon anda kelihatan bersih terhadap kedua-dua tema penyemak imbas terang dan gelap tanpa kotak latar belakang berwarna atau putih. Fail ICO tidak diperlukan — Wix menukar PNG anda dan menyediakannya dengan jenis MIME yang betul.

Studio Wix (peringkat profesional Wix) meletakkan tetapan favicon di lokasi yang sama di bawah Tetapan > Maklumat Laman Web. Studio juga membenarkan suntikan kod tersuai yang lebih maju dalam bahagian `<head>` jika anda memerlukan SVG favicon atau teg apple-touch-icon. Navigasi ke Tetapan > Kod Tersuai untuk menambah skrip kepala pada projek Studio Wix.

Selepas memuat naik favicon anda dalam papan pemuka Wix, anda mesti menerbitkan semula tapak anda untuk perubahan itu disiarkan secara langsung. Klik Terbitkan di penjuru kanan sebelah atas editor. Wix menyebarkan favicon baharu merentas semua halaman pada domain tersuai anda. Perubahan yang disimpan dalam papan pemuka tetapi tidak diterbitkan tidak kelihatan kepada pelawat.

Wix mengendalikan suntikan teg `<link rel='icon'>` secara automatik — anda tidak perlu menambah sebarang kod. Wix juga menyuntik masukan apple-touch-icon asas untuk simpanan skrin utama iOS dengan mengubah saiz favicon anda yang dimuat naik kepada dimensi yang diperlukan. Untuk 180×180 apple-touch-icon tersuai (berbeza daripada favicon), gunakan suntikan kod tersuai Velo Wix.

Latar belakang lutsinar dipelihara oleh Wix apabila anda memuat naik PNG dengan saluran alfa. Jika ikon anda mempunyai latar belakang yang kukuh, ia akan menunjukkan kotak berwarna dalam tab penyemak imbas mod gelap. Eksport logo anda tanpa isian latar belakang sebelum memuat naik. Anda boleh mengesahkan ketelusan berfungsi dengan betul menggunakan favicon tester yang memaparkan ikon pada latar belakang terang dan gelap.

Wix Velo (platform pembangunan JavaScript dalam Wix) membenarkan penyesuaian favicon lanjutan. Menggunakan `wixLocation` dan acara halaman Velo, anda boleh menyuntik teg pautan favicon berbeza setiap halaman secara dinamik. Ini berguna untuk tapak e-dagang dengan penjenamaan khusus produk atau untuk tapak berbilang kategori di mana setiap bahagian menggunakan ikon yang berbeza.

Jika anda menggunakan templat Wix yang dibuat sebelum Wix memperkenalkan sokongan favicon asli, tetapan favicon mungkin muncul di lokasi lain atau mungkin tidak hadir sama sekali. Dalam kes ini, gunakan suntikan kod tersuai Wix: Tetapan > Kod Tersuai > Tambah Kod > Letakkan kod dalam `<head>` setiap halaman dan tambahkan teg `<link rel='icon' href='URL'>` secara manual dengan pautan ke favicon yang dihoskan anda.

Tapak Wix ADI (Artificial Design Intelligence) menetapkan favicon secara automatik daripada aset jenama anda jika anda menyediakannya semasa wizard persediaan. Anda boleh mengatasi favicon pilihan ADI pada bila-bila masa menggunakan Tetapan > Maklumat Laman Web > laluan Favicon. Favicon janaan ADI selalunya logo resolusi rendah — menggantikannya dengan ikon yang dibina khas adalah disyorkan.

Selepas menerbitkan favicon Wix anda, buka domain langsung anda dalam tetingkap penyemak imbas peribadi/inkognito untuk melihat ikon yang dikemas kini tanpa sebarang cache penyemak imbas setempat. Jika favicon lama masih dipaparkan dalam penyemakan imbas biasa selepas sehari, kemungkinan besar cache penyemak imbas dan bukannya isu Wix. Muat semula keras (Ctrl+Shift+R atau Cmd+Shift+R) memaksa penyemak imbas untuk membuang ikon cache.

Untuk perniagaan yang mahukan sokongan pemasangan PWA pada tapak Wix mereka — menambahkan tapak itu pada skrin utama mudah alih dengan ikon aplikasi bersaiz penuh dan skrin percikan — Wix mempunyai keupayaan PWA asli yang terhad. Gunakan suntikan kod tersuai Wix untuk menambah teg `<link rel='manifest'>` yang menghala ke fail site.webmanifest yang dihoskan secara luaran yang mengandungi ikon 192×192 dan 512×512 PNG. Lihat web app manifest guide untuk persediaan manifes penuh.

Cara ia berfungsi

  1. 1

    Cipta favicon 512×512 PNG

    Gunakan [favicon generator](tool:favicon-generator) dengan logo atau tanda jenama anda sebagai sumber. Muat turun 512×512 PNG daripada pakej — ini ialah saiz yang sesuai untuk Wix.

  2. 2

    Buka Tetapan > Maklumat Laman Web

    Dalam papan pemuka Wix anda (bukan editor), navigasi ke Tetapan > Maklumat Laman Web dan tatal ke bawah untuk mencari bahagian Favicon.

  3. 3

    Muat naik PNG anda

    Klik kawasan muat naik atau lakaran kenit favicon sedia ada, pilih 512×512 PNG anda daripada pengurus media Wix atau peranti anda dan sahkan. Simpan tetapan.

  4. 4

    Terbitkan tapak anda

    Klik butang Terbitkan dalam editor Wix. Wix menyuntik teg favicon yang dikemas kini merentas semua halaman pada domain tersuai langsung anda.

  5. 5

    Sahkan dalam tetingkap inkognito

    Buka domain langsung anda dalam tetingkap penyemak imbas peribadi/inkognito. Favicon baharu sepatutnya muncul dalam tab. Gunakan [favicon tester](utility:favicon-tester) untuk pemeriksaan luaran yang cepat.

Cuba sekarang

Hasilkan favicon sedia Wix

Penjana Favicon

Soalan lazim

Di manakah tetapan favicon dalam Wix?+

Tetapan > Maklumat Laman Web > Favicon (label yang tepat mungkin 'Tab Favicon' atau 'Ikon Tapak' bergantung pada versi atau templat Wix anda). Muat naik segi empat sama PNG, simpan dan klik Terbitkan untuk menggunakannya pada tapak langsung anda.

Apakah saiz kegemaran Wix saya?+

Wix memerlukan sekurang-kurangnya 100×100 piksel tetapi 512×512 PNG amat disyorkan. Bermula dari sumber yang lebih besar memastikan Wix boleh menurunkan sampel kepada 32×32 (saiz tab) tanpa kehilangan kualiti yang boleh dilihat.

Mengapakah favicon Wix saya masih menunjukkan ikon lama?+

Pastikan anda mengklik Terbitkan selepas memuat naik favicon baharu — perubahan yang disimpan tidak ditolak secara langsung sehingga diterbitkan. Kemudian buka tapak anda dalam tetingkap peribadi/inkognito untuk memintas cache favicon setempat penyemak imbas anda.

Bolehkah saya menggunakan favicon SVG pada Wix?+

Bukan melalui panel Tetapan asli — ia hanya menerima format raster. Untuk menggunakan SVG, tambahkan kod tersuai `<link rel='icon' type='image/svg+xml' href='URL'>` dalam Tetapan > Kod Tersuai > Kod Kepala dan hos SVG secara luaran.

Adakah Wix menambah apple-touch-icon secara automatik?+

Wix menyuntik apple-touch-icon asas daripada imej favicon anda yang dimuat naik. Untuk 180×180 apple-touch-icon tersuai (berasingan daripada favicon tab), suntik teg pautan secara manual melalui Velo Wix atau Tetapan > Kod Tersuai.

Favicon Wix saya masih menunjukkan ikon Wix lalai — apakah yang perlu saya lakukan?+

Simpan favicon baharu anda dalam Tetapan > Maklumat Laman Web, kemudian klik Terbitkan dalam editor. Semak sama ada tapak itu diterbitkan ke domain tersuai anda (bukan hanya pratonton subdomain Wix). Kosongkan cache penyemak imbas anda dan cuba dalam tetingkap inkognito.

Bolehkah saya mempunyai favicon yang berbeza pada halaman Wix yang berbeza?+

Ya, menggunakan Velo Wix. Tambahkan suntikan kod tersuai setiap halaman atau gunakan acara sedia halaman Velo untuk mengemas kini elemen `<link rel='icon'>` secara dinamik berdasarkan laluan halaman semasa.

Alat berkaitan

Lagi panduan

Panduan

Teroka FetchFavicon

Kategori

Penukar

Utiliti

Pemandu

Tutorial