PNG ke ICO
Konverter

Cara mengonversi PNG ke ICO

1. Mulailah dengan PNG persegi, idealnya 256 kali 256 piksel atau lebih besar, dengan latar belakang transparan jika Anda menginginkannya.
2. Klik Pilih foto atau letakkan PNG di halaman. File langsung dikonversi memakai ukuran favicon.
3. Untuk menyertakan lebih banyak ukuran, ubah Ukuran ikon di panel pengaturan sebelah kanan lalu klik Terapkan ke semua file.
4. Klik Simpan untuk mengunduh file .ico, atau Unduh semua (.zip) jika Anda membuat beberapa ikon.

Fungsi pengaturan Ukuran ikon

• Favicon (16, 32, 48). Bawaan. Mencakup tab browser, bookmark, dan pintasan bilah tugas Windows untuk sebuah situs. Inilah yang dibutuhkan sebagian besar situs web di favicon.ico.
• Semua ukuran. 16, 32, 48, 64, 128, dan 256 px dalam satu file. Gunakan untuk ikon program atau pintasan Windows, di mana Explorer memilih ukuran yang lebih besar untuk tampilan ikon besar.
• Hanya 256. Satu gambar 256 kali 256, untuk alat yang meminta satu ikon besar.

Cara setiap ukuran dibuat

Setiap ukuran diperkecil dari PNG Anda dalam beberapa langkah pengurangan setengah, bukan satu lompatan besar, sehingga ikon kecil tampak lebih bersih. Setiap ukuran disimpan di dalam ICO sebagai gambar PNG terkompresi. Browser modern serta Windows Vista dan yang lebih baru dapat membaca file ICO jenis ini.

Gambar yang tidak persegi dimasukkan ke dalam persegi dan diletakkan di tengah, dengan ruang transparan ditambahkan di sisi yang lebih pendek. Tidak ada bagian yang dipotong.

Ukuran yang lebih besar daripada PNG Anda dilewati agar gambar kecil tidak diperbesar menjadi ikon besar yang buram. PNG 48 px dengan Semua ukuran terpilih menghasilkan 16, 32, dan 48. Jika PNG lebih kecil daripada semua ukuran yang Anda pilih, Anda hanya mendapatkan yang terkecil di antara ukuran itu, dalam versi yang diperbesar.

Memakai file sebagai favicon

Ganti nama file menjadi favicon.ico dan letakkan di folder root situs Anda, sehingga bisa diakses di yoursite.com/favicon.ico. Browser mencari alamat itu secara otomatis. Anda juga bisa mengarahkannya dari bagian head halaman dengan elemen link yang atribut rel-nya adalah icon.

Banyak situs juga menambahkan PNG 180 kali 180 sebagai apple-touch-icon untuk layar utama iPhone dan iPad, serta ikon PNG atau SVG yang lebih besar. ICO tetap berguna untuk ukuran 16 dan 32 px dan untuk perangkat lunak lama yang hanya mencari favicon.ico.

Tips untuk ikon yang tajam

• Sederhanakan desain untuk ukuran kecil. Teks dan garis tipis menghilang pada 16 px; satu huruf atau bentuk yang tebal lebih mudah terbaca.
• Sisakan sedikit ruang kosong di sekeliling gambar, tetapi jangan terlalu banyak sampai terlihat mungil di tab browser.
• Periksa tampilan ikon di tema browser terang maupun gelap. Latar belakang transparan dengan logo gelap bisa lenyap di bilah tab yang gelap.
• Favicon baru Anda mungkin belum tampil di awal karena browser menyimpan cache ikon dengan sangat kuat. Buka langsung alamat favicon.ico, atau coba jendela pribadi.

Privasi

PNG diubah ukurannya dan dikemas ke dalam ICO oleh browser Anda. Tidak ada yang diunggah, sehingga materi branding yang masih dikerjakan tetap berada di komputer Anda.