SVG ke Favicon
Ubah logo SVG menjadi satu set favicon lengkap — favicon.ico, apple-touch-icon, dan ikon aplikasi web — yang diraster dengan tajam di browser Anda. Tidak ada yang diunggah.
Privasi yang utama: setiap gambar diproses secara lokal di browser Anda. Tidak ada yang diunggah, disimpan, atau dikirim ke server mana pun.
Vektor masuk, semua ukuran raster keluar
SVG adalah sumber favicon yang ideal: ia tidak bergantung pada resolusi, sehingga setiap ukuran ikon bisa diraster dari geometri aslinya alih-alih disampel ulang dari bitmap yang sudah kecil. Masukkan SVG Anda dan tiap keluaran — 16, 32, 48, 180, 192, dan 512 piksel — digambar dari vektornya pada ukuran aslinya, yang menjaga tepinya tetap tajam alih-alih keruh. Itulah bedanya antara ikon yang tampak disengaja di tab dan ikon yang tampak seperti noda.
Kenapa Anda tetap butuh .ico
Browser modern dengan senang hati memakai favicon SVG secara langsung, tetapi browser lama dan banyak perkakas lain — pembaca feed, pembentang tautan di aplikasi chat, pintasan desktop — masih mencari favicon.ico. Menghasilkan keduanya dari SVG yang sama mencakup semuanya. Tambahkan isian, pilih mask persegi, membulat, atau lingkaran beserta latarnya, lalu unduh set lengkapnya dengan cuplikan HTML siap tempel.
Pertanyaan umum
- Apakah gambar saya diunggah untuk membuat favicon?
- Tidak. favicon.ico, ikon PNG, dan manifest semuanya dihasilkan secara lokal di browser Anda menggunakan Canvas API. Gambar Anda tidak pernah meninggalkan perangkat.
- Ukuran dan file apa saja yang saya dapatkan?
- Sebuah favicon.ico multi-resolusi (16, 32, dan 48px), ikon PNG pada 16, 32, 48, 180 (apple-touch-icon), 192, dan 512px, sebuah site.webmanifest, serta potongan HTML untuk ditempel ke dalam <head> Anda.
- Bisakah saya mengonversi PNG atau SVG ke ICO?
- Bisa. Jatuhkan file PNG, JPG, SVG, atau WebP dan unduh favicon.ico yang sesungguhnya. Logo SVG diraster secara lokal pada resolusi tinggi terlebih dahulu.
- Gambar seperti apa yang paling cocok?
- Gambar persegi dengan logo sederhana berkontras tinggi. Gambar non-persegi dipangkas dari tengah agar pas; gunakan kontrol padding dan bentuk untuk membingkainya sesuai keinginan Anda.
- Bagaimana cara memasang favicon?
- Ekstrak paketnya ke folder root situs Anda dan tempelkan potongan HTML yang disediakan ke dalam <head> halaman Anda. favicon.ico dikenali otomatis oleh sebagian besar browser.