Konverter PNG ke ICO dan generator favicon
Seret PNG atau logo ke bagian mana pun di halaman ini dan unduh satu .ico berisi semua ukuran dari 16 sampai 256 px, atau paket favicon lengkap dengan ikon aplikasi, web manifest, dan tag HTML.
Coba dengan
Sudah punya filenya?
- Gratis, tanpa perlu mendaftar
- .ico dan PNG 16 sampai 512 px
- Apple touch icon
- Web app manifest
Lepas logo di sini untuk membukanya
Terus cari logo secara gratis
Gambar lain dari situs
Klik logo untuk mencoba logo berikutnya yang ditemukan di situs tersebut, atau untuk mengeluarkannya.
Ubah logo ini menjadi 3D
Video animasi logo 3D untuk Reels, TikTok, dan YouTube, gambar 3D glossy, dan file cetak 3D, dibuat di browser Anda dalam hitungan detik.
Begini tampilannya
Cara mengubah PNG ke ICO
Seret filenya, periksa ikonnya, unduh. Gambar Anda dikonversi di browser Anda, gratis dan tanpa akun.
Seret PNG Anda
Seret PNG, JPG, WebP, atau SVG ke bagian mana pun di halaman ini, atau tekan Unggah logo Anda sendiri di bawah kotak pencarian. Membuat ikon untuk perusahaan yang sudah punya ikon? Ketik alamat situs webnya, dan alat ini mengambil ikon yang sudah dipakainya.
Periksa sebagai ikon
Gambar Anda terbuka di tengah sebuah persegi, bentuk yang diharapkan setiap slot ikon, dan Anda bisa melihatnya di tab browser dalam ukuran aslinya, 16 px, serta sebagai ikon aplikasi di ponsel.
Unduh ICO
Tekan ICO untuk mendapatkan satu .ico berisi ukuran 16, 24, 32, 48, 64, 128, dan 256 px, atau Favicon untuk paket situs web lengkap dalam satu ZIP.
Mulai gunakan
Salin paketnya ke situs web Anda dan tempel baris HTML yang sudah siap, atau arahkan pintasan, folder, atau aplikasi Windows ke file .ico tersebut.
Setiap ukuran di dalam .ico, dan tempat tampilnya
ICO adalah kotak berisi ikon: satu file yang memuat gambar yang sama dalam beberapa ukuran, sehingga setiap tempat yang menampilkannya bisa memilih ukuran yang paling pas.
| Ukuran | Tempat tampilnya |
|---|---|
| 16 × 16 px | Tab browser dan bookmark; bilah judul, menu konteks, dan system tray di Windows |
| 24 × 24 px | Taskbar Windows, hasil pencarian, dan daftar aplikasi di menu Start |
| 32 × 32 px | Tab di layar resolusi tinggi; aplikasi yang disematkan di menu Start Windows |
| 48 × 48 px | Taskbar di layar resolusi tinggi; pin di menu Start pada skala tampilan 150% |
| 64 × 64 px | Pin di menu Start dan bilah judul di layar resolusi tinggi |
| 128 × 128 px | Sumber terdekat untuk ukuran di antaranya yang digambar Windows di layar besar |
| 256 × 256 px | Pin di menu Start pada skala tampilan tertinggi, sekaligus ukuran induk yang diperkecil Windows untuk semua ukuran yang lebih kecil |
Panduan jenis gambar dari MDN menjelaskan bahwa file ICO “bisa memuat beberapa ikon” hingga 256 × 256 px. Panduan ikon dari Microsoft mencantumkan tempat Windows menampilkan setiap ukuran dan meminta aplikasi menyediakan “setidaknya: 16 × 16, 24 × 24, 32 × 32, 48 × 48, dan 256 × 256”; unduhan ICO memuat semuanya, ditambah 64 dan 128 px untuk ukuran di antaranya.
Isi paket favicon, file demi file
Semua yang dibutuhkan situs web untuk ikonnya, dibuat dari satu gambar, dalam satu ZIP.
| File | Keterangan | Fungsi |
|---|---|---|
| favicon.ico | File ikon berisi ukuran 16, 32, dan 48 px | Ikon yang dicari browser di root situs web |
| icon-256.ico | Semua ukuran: 16, 24, 32, 48, 64, 128, dan 256 px | Aplikasi Windows, pintasan desktop, dan ikon folder |
| favicon-16x16.png, favicon-32x32.png, dan favicon-48x48.png | PNG persegi kecil dengan background transparan | Tab browser, bookmark, dan pintasan |
| favicon.svg | Ikon dalam bentuk vektor, jika logo Anda punya versi vektor | Ikon tab yang tajam di semua ukuran pada browser yang bisa membaca ikon SVG |
| apple-touch-icon.png | 180 × 180 px, di atas background putih dengan sedikit ruang di sekelilingnya | Layar utama iPhone dan iPad |
| android-chrome-192x192.png dan android-chrome-512x512.png | Ikon aplikasi web | Layar utama Android, aplikasi web yang terpasang, dan layar pembukanya |
| site.webmanifest | File teks kecil yang mencantumkan ikon aplikasi | Memungkinkan ponsel dan browser memasang situs Anda sebagai aplikasi |
| add-to-your-head.html | Baris kode untuk bagian head halaman Anda | Salin dan tempel: semua ikon langsung tertaut sekaligus |
Apple touch icon 180 px adalah ukuran iPhone menurut panduan konten web Safari dari Apple (arsip), dan browser Chromium mencari ikon 192 dan 512 px di manifest sebelum memasang situs sebagai aplikasi, seperti yang dijelaskan web.dev.
Pasang di situs Anda: kode HTML yang siap ditempel
Salin paketnya ke folder root situs Anda, lalu tempel empat baris ke bagian head di setiap halaman.
File add-to-your-head.html di dalam paket memuat baris kode berikut, termasuk ikon SVG jika logo Anda berupa vektor:
<link rel="icon" href="/favicon.ico" sizes="48x48">
<link rel="icon" href="/favicon.svg" type="image/svg+xml">
<link rel="apple-touch-icon" href="/apple-touch-icon.png">
<link rel="manifest" href="/site.webmanifest">Untuk logo berupa gambar, baris kedua mengarah ke PNG 32 px sebagai gantinya:
<link rel="icon" href="/favicon-32x32.png" type="image/png" sizes="32x32">Google Search menampilkan favicon Anda di samping halaman Anda saat bisa menemukannya. Pedomannya meminta ikon persegi berukuran setidaknya 8 × 8 px, merekomendasikan ukuran lebih besar dari 48 × 48 px, dan mensyaratkan Googlebot bisa merayapi beranda maupun file ikonnya.
Lihat dalam ukuran asli sebelum mengunduh
Favicon dinilai pada ukuran 16 piksel. Pratinjau menampilkan favicon Anda di ukuran itu, sehingga Anda bisa memilih gambar yang tepat sejak awal.
Di samping pratinjau besar, mockup menampilkan ikon Anda di tab browser dan sebagai ikon aplikasi di ponsel, serta logo lengkapnya di header situs web terang dan gelap. Detail yang menjadi kabur di ukuran tab akan terlihat di sini, jauh sebelum pengunjung melihatnya.
Ikon kecil paling bagus dengan bentuk sederhana. Simbol atau satu huruf tetap terbaca di 16 px, sementara nama perusahaan lengkap tidak, jadi potong hingga tersisa simbolnya, atau buat versi yang tebal dan bersih dengan Pembuat logo putih, yang juga menghasilkan favicon putih untuk tab gelap.
Ikon aplikasi, folder, dan desktop Windows
File .ico yang sama memberi pintasan, folder, atau aplikasi Windows ikon yang tajam di setiap ukuran, dari bilah judul hingga menu Start.
Pintasan. Klik kanan pintasan, pilih Properties, lalu Change Icon, dan cari file .ico Anda.
Folder. Klik kanan folder, pilih Properties, buka tab Customize, lalu tekan Change Icon.
Aplikasi yang sedang Anda buat. Serahkan file .ico kepada developer Anda atau masukkan ke pengaturan build aplikasi. Karena berisi ikon 256 px, Windows cukup memperkecilnya untuk setiap slot yang lebih kecil, bukan memperbesar ikon kecil, sehingga tetap tajam di layar resolusi tinggi.
Buat favicon dari logo Anda
Belum punya file ikon? Seret logonya saja. Logo ditempatkan di tengah persegi dengan ruang yang pas, dan setiap ukuran dalam paket dibuat darinya sekaligus.
Sedang mendesain ulang merek klien? Ketik alamat situs web mereka di Logo Finder untuk memulai dari logo yang sudah mereka pakai, atau ambil dulu ikon mereka saat ini dengan alat Unduh favicon.
Alat ikon dan logo gratis lainnya
- Konverter PNG ke SVGVersi vektor dari simbol logo, tajam di ukuran berapa pun
- Pembuat logo 3DLogo yang sama sebagai gambar atau video 3D
- Pembuat animasi logoDelapan animasi 3D dengan musik
- Pembuat intro logoLogo reveal 3D untuk membuka video Anda
- Pembuat GIF logo berputarPutaran 3D tanpa jeda dalam GIF berulang
- Logo ke STL dan 3MFLogo apa pun menjadi file cetak 3D
- Konverter SVG ke STLDesain vektor menjadi file cetak 3D
- Konverter PNG ke STLGambar menjadi file cetak 3D
- Cara membuat logo 3DEmpat cara memberi kedalaman pada logo datar
- Cara membuat animasi logoGerakan, suara, dan ukuran untuk setiap platform
- Cara mencetak logo 3D dengan printer 3DUkuran, warna, slicer, dan solusi masalah
- Konverter logo ke SVGUbah logo menjadi vektor untuk cetak dan cutting
Tanya jawab seputar PNG ke ICO
Jawaban singkat seputar file ICO dan favicon: ukuran, kode HTML, ikon Windows, dan cara membuatnya dari logo Anda.
Ajukan pertanyaan AndaBagaimana cara mengubah PNG ke ICO?
Seret PNG ke bagian mana pun di halaman ini, atau tekan “Unggah logo Anda sendiri”. Gambar terbuka sebagai ikon persegi; tekan “ICO” untuk satu file .ico berisi ukuran 16, 24, 32, 48, 64, 128, dan 256 px, atau “Favicon” untuk paket situs web lengkap. Gratis, dan semuanya berlangsung di browser Anda.
Ukuran apa saja yang sebaiknya ada di favicon.ico?
Untuk situs web, ukuran 16, 32, dan 48 px sudah mencakup tab, bookmark, dan layar resolusi tinggi, dan favicon.ico di dalam paket berisi persis ukuran tersebut. Untuk ikon aplikasi Windows atau desktop, Microsoft meminta setidaknya 16, 24, 32, 48, dan 256 px, dan unduhan ICO memuat semuanya ditambah 64 dan 128 px.
Bagaimana cara membuat favicon dari logo saya?
Seret logo Anda ke halaman ini. Logo ditempatkan di tengah persegi, bentuk yang diharapkan setiap slot ikon, dan Anda bisa melihatnya di tab browser dan sebagai ikon aplikasi sebelum mengunduh paket favicon. Simbol atau huruf awal dari logo paling mudah terbaca di 16 px.
Apakah situs web masih membutuhkan favicon.ico?
Sangat layak dipertahankan. Browser masih meminta /favicon.ico dari situs web, Google Search menerima file ICO, dan satu ICO memuat beberapa ukuran. Browser modern juga membaca ikon PNG dan SVG yang ditautkan di bagian head halaman Anda, dan paket ini menyediakan keduanya.
Bagaimana cara memasang favicon di situs web saya?
Salin file dari paket ke folder root situs Anda, tempat beranda berada, lalu tempel baris kode dari add-to-your-head.html ke bagian head di setiap halaman. Di platform pembuat situs web atau toko online, unggah PNG 512 px di pengaturan ikon situsnya.
Apakah saya bisa membuat ikon Windows 256 px dari PNG?
Bisa. Unduhan ICO memuat ukuran 16, 24, 32, 48, 64, 128, dan 256 px. Microsoft mencatat bahwa dengan ikon 256 px, Windows hanya akan memperkecil ikon Anda, tidak pernah memperbesarnya, sehingga ikon tetap tajam di setiap ukuran. Mulailah dari PNG dengan lebar setidaknya 256 px, atau dari logo vektor.
Berapa ukuran favicon yang terbaik?
Satu set, bukan satu ukuran: 16, 32, dan 48 px di favicon.ico, Apple touch icon 180 px, serta ikon 192 dan 512 px untuk web app manifest. Google merekomendasikan favicon persegi yang lebih besar dari 48 × 48 px untuk Search. Paket ini membuat semuanya dari satu file.
Seberapa bermanfaat alat ini?
Logo Anda, di setiap produk yang Anda cetak, dalam 3D
Proofscene mengubah proof PDF menjadi proof 3D interaktif di tautan bermerek milik Anda sendiri, sehingga pelanggan Anda bisa melihat kartu, kemasan, dan gelang mereka sebelum diproduksi. Mulai gratis hari ini.
Akun gratis · Tanpa kartu kredit · Dibuat praktisi cetak