Penukar SVG ke Ikon
Satu logo vektor boleh mengisi setiap slot ikon yang anda ada: favicon, pintasan Windows, aplikasi Mac dan ikon pelancar pada telefon. Halaman ini bermula dengan ICO pelbagai saiz dan membolehkan anda bertukar kepada ICNS atau PNG untuk platform lain.
Penukar Imej
atau seret Fail JPG, JPEG, JPE … ke sini ·
Maks 95 MB setiap fail· Sehingga 20 fail· Dipadam selepas 30 minit
Fail diproses pada pelayan kami dan dipadam selepas 30 minit.
85 mengekalkan foto kelihatan sama dengan asal. Turunkan hanya apabila anda memerlukan fail yang lebih kecil.
JPG, BMP dan EPS tiada kelutsinaran. Piksel lutsinar diisi dengan warna ini.
Warna hex yang digunakan di belakang piksel lutsinar, cth. #FFFFFF.
Format ini hanya memuatkan satu imej. Pilih output GIF atau WebP jika anda mahu mengekalkan animasi.
Ikon berbilang saiz mengandungi beberapa resolusi dalam satu fail; pelayar dan sistem pengendalian memilih yang diperlukan.
Kekalkan dimensi asal, atau masukkan satu sisi dan nisbah bidang dikekalkan.
Piksel untuk sisi yang anda pilih di atas.
Peratusan daripada dimensi asal.
sRGB sesuai untuk skrin dan web. Kekalkan yang asal untuk aliran kerja cetakan; skala kelabu membuang warna.
Metadata sahaja, 0 mengekalkan nilai asal. Pencetak dan sesetengah portal membaca nombor ini; ia tidak mengubah dimensi piksel.
Cara menggunakan alat ini
- 1
Muat naik SVG berbentuk segi empat sama
Tambah SVG logo anda, sebaiknya dengan viewBox segi empat sama. Anda boleh menambah sehingga 20 fail sekali gus, contohnya varian cerah dan varian gelap.
- 2
Pilih format ikon
ICO dengan Saiz ikon ditetapkan kepada Semua saiz (16–256) telah dipilih awal. Pilih ICNS di bawah Tukar ke untuk macOS, atau PNG dengan lebar di bawah Ubah saiz imej output untuk ikon telefon atau kedai aplikasi.
- 3
Tukar dan letakkan fail
Tekan Tukar ke ICO (label mengikut format yang anda pilih), muat turun, dan letakkan setiap fail di tempat yang dijangka oleh platformnya.
Tiada satu format ikon tunggal. Windows dan pelayar menggunakan ICO, macOS menggunakan ICNS, dan telefon menggunakan set PNG. Bermula daripada SVG bermakna setiap satu dilukis semula daripada vektor, tajam pada setiap saiz.
SVG ke ikon: satu vektor, tiga jenis fail ikon
Fail ikon ialah bekas bagi bitmap kecil, bukan vektor. Sistem pengendalian memilih bitmap yang paling hampir dengan saiz yang diperlukan, jadi ikon yang baik mempunyai beberapa bitmap, masing-masing dirender untuk grid sendiri.
Pratetap ICO pada halaman ini menghasilkan satu fail dengan setiap saiz dari 16 hingga 256 px, yang merangkumi favicon.ico dan pintasan Windows. Tukar Tukar ke kepada ICNS untuk bekas ikon Apple, atau kepada PNG untuk saiz tunggal yang diminta oleh Android, iOS dan kedai aplikasi.
Jadual ini menyenaraikan apa yang diterbitkan oleh platform utama untuk slot ikon mereka.
| Organisasi | Keperluan | Sumber |
|---|---|---|
| Desktop dan bar tugas Windows | ICO dengan beberapa saiz, termasuk 16, 32, 48 dan 256 px | — |
| Favicon laman web | favicon.ico di akar laman dengan 16, 32 dan 48 px; PNG 180 × 180 px untuk apple-touch-icon | — |
| Ikon aplikasi macOS | ICNS atau katalog aset Xcode, saiz sehingga 1024 × 1024 px | — |
| Penyenaraian kedai Google Play | PNG 32-bit 512 × 512 px, sehingga 1,024 KB | — |
| Apple App Store | PNG 1024 × 1024 px tanpa lutsinar | — |
SVG
Scalable Vector Graphics
SVG ialah format vektor berasaskan XML yang dipiawaikan oleh W3C pada 2001. Daripada piksel, ia menerangkan bentuk, laluan dan teks, jadi kekal tajam pada sebarang saiz dan biasanya sangat kecil untuk logo dan ikon. Ia menyokong lutsinar, gaya CSS, skrip dan animasi, dan setiap pelayar memaparkannya secara asli. SVG tidak sesuai untuk foto, dan ilustrasi kompleks boleh menjadi perlahan dipaparkan. Illustrator, Inkscape, Figma dan pelayar boleh membuka dan menyuntingnya.
- Pemampatan
- –
- Ketelusan
- Ya
- Animasi
- Ya
- Diperkenalkan
- 2001 · W3C
ICO
Ikon Windows
ICO ialah format ikon Microsoft yang digunakan untuk ikon program Windows dan favicon laman web. Satu fail .ico boleh mengandungi beberapa imej pada saiz berbeza, seperti 16×16, 32×32, 48×48 dan 256×256 piksel, supaya sistem dapat memilih yang paling sesuai. Setiap imej boleh disimpan sebagai bitmap atau data PNG dan menyokong ketelusan alfa penuh. ICO tidak sesuai untuk foto atau karya seni besar. Pelayar, Windows dan kebanyakan penyunting ikon boleh membacanya.
- Pemampatan
- Lossless (tanpa kehilangan)
- Ketelusan
- Ya
- Animasi
- Tidak
- Diperkenalkan
- Microsoft
Orang mencari SVG ke ikon apabila mereka mempunyai satu logo vektor dan beberapa platform untuk dilayani, masing-masing dengan bekas ikonnya sendiri, daripada favicon.ico di laman web hingga ICNS pada Mac dan PNG bersaiz di kedai aplikasi.
Tukar SVG ke fail ikon untuk Windows, Mac, Android dan iOS
Kekalkan ICO dan Saiz ikon pada Semua saiz. Namakan semula hasilnya favicon.ico untuk akar laman web, atau tunjukkan dialog Change Icon pintasan Windows kepadanya.
- Satu fail .ico untuk tab, penanda halaman dan bar tugas
- Tambah PNG 180 px untuk penanda halaman skrin utama iPhone
Pilih ICNS di bawah Tukar ke. Fail ini mengandungi saiz sehingga 256 px; untuk bundle aplikasi, eksport juga PNG 512 dan 1024 px untuk Xcode.
- Gunakan SVG segi empat sama dengan sedikit ruang kosong
- Ikon Apple sendiri berada di atas segi empat sama bulat; lukiskannya dalam SVG jika anda mahukan rupa itu
Pilih PNG dan tetapkan lebar di bawah Ubah saiz imej output, sekali bagi setiap saiz. Penyenaraian kedai memerlukan 512 px untuk Google Play dan 1024 px untuk App Store.
- Ikon adaptif Android menggunakan lapisan 108 dp dengan zon selamat 72 dp
- Buang lutsinar daripada ikon App Store
Mereka bentuk SVG yang masih jelas pada 16 px
Ikon 16 × 16 px mempunyai 256 piksel keseluruhannya. Kebanyakan jenama menyimpan tanda ikon yang berasingan, selalunya hanya simbol atau satu huruf, dengan bentuk tebal dan sedikit warna; jika anda belum memilikinya, buat salinan SVG yang dipermudah untuk ikon.
Semak viewBox sebelum menukar. viewBox yang lebar menghasilkan ikon dengan jalur kosong di atas dan di bawah tanda, jadi potong kepada segi empat sama dahulu; panduan tentang memotong gambar mengikut nisbah merangkumi potongan segi empat sama, dan SVG ke PNG memberi pratonton besar yang pantas untuk menilai reka bentuk.
Soalan lazim SVG ke ikon
Apakah perbezaan antara halaman ini dengan SVG ke ICO?
SVG ke ICO tertumpu pada satu fail .ico untuk favicon dan Windows. Halaman ini merangkumi semua tempat ikon digunakan, termasuk ICNS macOS dan PNG bersaiz tetap yang diminta oleh Android, iOS dan kedai aplikasi.
Format ikon manakah yang digunakan oleh setiap sistem pengendalian?
Windows membaca ICO, macOS membaca ICNS atau katalog aset yang dibina dalam Xcode, manakala Android dan iOS menerima imej PNG yang dibekalkan pada saiz piksel tetap.
Bolehkah saya mendapatkan setiap saiz PNG untuk aplikasi saya dalam satu penukaran?
Tidak. PNG hanya menyimpan satu saiz, jadi setiap penukaran menghasilkan satu lebar. Tetapkan Ubah saiz imej output kepada satu saiz, tukar, kemudian ubah nombor dan tukar semula; setiap saiz dilukis tajam daripada vektor.
Adakah ICNS daripada halaman ini meliputi ikon Mac Retina?
Ia mengandungi saiz dari 16 hingga 256 px. Ikon aplikasi macOS semasa turut menyertakan entri 512 px dan 1024 px untuk paparan Retina, yang dibina oleh Xcode atau iconutil Apple daripada PNG; eksport kedua-dua saiz itu sebagai PNG di sini dan tambahkannya ke dalam set.
Patutkah ikon mengekalkan latar belakang lutsinar?
Untuk ICO, ICNS dan lapisan pelancar Android, ya: lutsinar membolehkan sistem melukis latar belakangnya sendiri. Ikon App Store iOS ialah pengecualian; Apple menolak ikon pemasaran 1024 px yang mempunyai saluran alfa, jadi berikan PNG itu latar belakang pejal dalam SVG.
Mengapakah logo saya yang terperinci menjadi tompok apabila dijadikan ikon kecil?
Pada 16 atau 32 px, tiada ruang untuk garisan nipis atau teks kecil. Tebalkan goresan supaya meliputi sekurang-kurangnya satu piksel penuh pada saiz terkecil, dan buang logo teks.
Lebih banyak penukar ikon
- Penukar SVG ke ICOTukar SVG ke ICO dengan setiap saiz 16 hingga 256 px dilukis daripada vektor, ketelusan dikekalkan. Buat favicon.ico atau ikon Windows daripada logo.
- Penukar PNG ke ICNSTukar PNG ke ikon Apple .icns untuk apl Mac, skrip, volum DMG dan folder. Pelbagai saiz, ketelusan dikekalkan, tanpa Xcode.
- Penukar SVG ke PNGTukar logo dan ikon SVG ke PNG pada lebar pilihan Anda, 1024 px secara lalai, dengan latar telus kekal. Ketahui kaitan DPI dengan piksel.
- Penukar Gambar ke ICOTukar sebarang gambar kepada .ico berbilang saiz untuk favicon atau pintasan Windows. Terima PNG, JPG, SVG, WebP, HEIC; 16 hingga 256 px dalam satu fail.
- Penukar ICNS ke PNGTukar ikon macOS .icns ke PNG dalam talian. Gambar terbesar dalam set ikon, sehingga 1024 × 1024 px, disimpan dengan ketelusan. Juga untuk Windows.
- Penukar PNG ke ICOTukar PNG ke ICO: satu fail .ico dengan semua saiz 16–256 px, ketelusan kekal. Untuk favicon dan pintasan Windows. Percuma, tanpa daftar.