15 Generator Favicon Gratis Terbaik

Generator Favicon Gratis


Ketika datang ke situs web Anda, strategi branding Anda sangat penting untuk mengubah pengunjung menjadi pelanggan. Tidak ada detail kecil yang harus diabaikan. Ini termasuk kebutuhan untuk membuat ikon favicon dan generator favicon gratis dapat membantu Anda membuatnya.

Favicon adalah ikon gambar kecil yang muncul di sebelah judul situs web di tab jendela browser.

Karena Anda juga dapat menggunakannya sebagai ikon aplikasi desktop, Anda memerlukan setidaknya beberapa ukuran berbeda yang dapat dimasukkan dalam jenis file ICO favicon. Dalam kebanyakan kasus, Anda juga dapat mengatur file PNG sebagai ikon favicon.

Favicon sangat penting karena pengguna terus mencari informasi di berbagai situs web sekaligus di tab. Favicons membantu pengguna mengidentifikasi konten dan merek lebih cepat untuk pengalaman pengguna yang lebih menarik.

Jadi, berikut adalah 15 alat generator favicon online gratis dan juga rincian lebih lanjut tentang cara membuat ikon favicon, dan menginstalnya.

Mari kita gali.

Favicon Generator Online, File ICO, Praktik Terbaik

Saat Anda ingin membuat ikon favicon, langkah pertama adalah mempelajari lebih lanjut tentang mereka, termasuk persyaratan dan praktik terbaiknya.

Istilah “favicon” adalah portmanteau untuk “ikon favorit.” Ini adalah ikon yang, seperti hari ini, ditampilkan dengan judul situs web di bagian atas browser.

Kecuali, mereka awalnya ditampilkan ketika pengguna menambahkan situs web ke folder “favorit” mereka. Browser modern menyebut folder ini sebagai bookmark Anda.

Ikon favicon harus berukuran tertentu. Jika tidak, browser dan perangkat tidak akan menggunakannya.

Ukuran minimum yang Anda butuhkan adalah:

  • 16 × 16 piksel untuk peramban
  • 32 × 32 piksel untuk bilah tugas desktop
  • 96 × 96 piksel untuk ikon favicon aplikasi desktop
  • 180 × 180 piksel untuk perangkat iOS dan Android

Ingatlah bahwa Anda dapat memilih antara 16 × 16 px dan 32 × 32 px. Jika Anda tidak terlalu khawatir tentang pencitraan merek, salah satu dari ukuran gambar tersebut sudah cukup.

Untuk detailnya, lihat Lembar Curang Favicon.

Saat Anda membuat ikon favicon, sebaiknya ikuti praktik terbaik berikut:

  • Mereka harus sederhana dan tidak terlalu bergaya sehingga mudah dilihat dalam ukuran kecil.
  • Pilih satu atau dua warna untuk skema warna. Paling-paling, tidak lebih dari tiga warna.
  • Ikon Favicon harus dalam warna 8-bit atau 24-bit.
  • Desain ikon favicon tidak boleh menyertakan banyak garis atau huruf.
  • Meskipun Anda dapat memiliki latar belakang yang transparan, penting untuk dicatat bahwa perangkat Apple tidak mengizinkannya.
  • Ikon Favicon harus sesuai dengan merek dan logo Anda saat ini.

Membuat Logo dengan Cepat Jika Anda Tidak Memilikinya

Seperti yang disebutkan sebelumnya, adalah ide bagus untuk mengikat ikon favicon Anda ke merek dan logo Anda saat ini. Jika Anda belum memilikinya, Anda dapat membuatnya dengan cepat, misalnya, dengan Pembuat Logo TailorBrand.

Itu dapat menghasilkan logo untuk Anda dengan bantuan AI. Setelah menjawab beberapa pertanyaan sederhana dan cepat tentang gaya logo yang Anda inginkan, termasuk font, kemudian mendaftar untuk mendapatkan akun gratis, beberapa logo berkualitas tinggi, profesional, dan modern dihasilkan.

Contoh logo yang dihasilkan dari situs web TailorBrand.
Contoh logo dan alternatif yang dibuat dengan TailorBrand Logo Maker.

Jika Anda menemukan logo yang Anda sukai, Anda dapat meningkatkan ke akun premium untuk mengunduhnya. Meskipun demikian, Anda dapat mengunduh versi ikon logo favicon secara gratis.

Kami telah mendaftarkan 15 pembuat logo online gratis jika Anda ingin melihat opsi lain juga.

Generator Favicon Gratis Terbaik: Alat Online

Jika Anda ingin membuat ikon favicon Anda sendiri yang lebih sederhana, atau Anda hanya ingin mengunggah gambar dan membuatnya berukuran sesuai dan dikonversi ke file gambar ICO, berikut adalah beberapa generator favicon gratis.

Mereka tidak dalam urutan tertentu karena mereka semua opsi hebat di mana Anda dapat membuat ikon favicon dalam beberapa klik. Setelah Anda membuat favicon dengan semua opsi online ini, mereka bebas untuk diunduh dan digunakan.

1) Favicon.io

Generator favicon gratis Favicon.io

Dengan generator favicon gratis ini, Anda dapat membuat ikon favicon dari teks, gambar, atau emoji.

Dengan opsi berbasis teks, Anda dapat memilih warna dan bentuk latar belakang, keluarga dan ukuran font serta warna font. Generator Favicon menggunakan Google Font yang memiliki 800+ font yang tersedia.

Atau, Anda dapat memilih untuk mengunggah file untuk generator favicon untuk mengubahnya menjadi ukuran yang sesuai. Atau, Anda dapat mengunduh ikon emoji favicon dari daftar opsi raksasa.

Favicon yang dihasilkan akan bekerja untuk semua browser dan berbagai platform.

2) Favicon-Generator.org

Situs web Generator Favicon untuk membuat favicon.

Generator favicon gratis ini memberi Anda opsi untuk mengunggah file gambar dan memilih antara ukuran standar 16×16 px untuk browser web, atau ukuran lebih besar yang cocok untuk Android, Microsoft, dan iOS.

Anda memiliki opsi untuk mempertahankan dimensi gambar saat ini alih-alih mengubah ukurannya menjadi persegi. Ingatlah bahwa menjaga opsi ini tetap dicentang atau tidak dicentang dapat membuat hasil akhir favicon Anda berubah.

Jadi, yang terbaik adalah memastikan gambar Anda sudah hampir menjadi kotak.

3) Generator Favicon Nyata

Situs web Real Favicon Generator untuk membuat ikon favicon.

Generator favicon gratis ini agak unik karena merupakan salah satu dari sedikit di daftar yang menyertakan bagian pratinjau simulator browser sehingga Anda dapat melihat seperti apa bentuk ikon favicon Anda setelah ukurannya dan dikonversi.

Anda juga bisa mendapatkan ukuran untuk semua browser, platform, dan sebagian besar teknologi.

Namun, generator favicon ini hanya memiliki opsi untuk memilih gambar untuk dikonversi menjadi ikon favicon.

4) Favicon.cc

Situs web Favicon.cc

Dengan generator favicon gratis ini, Anda dapat mengunggah gambar untuk membuat favicon, atau Anda dapat membuat ikon favicon Anda sendiri dengan menggambar satu dengan mouse.

Anda dapat memilih warna yang ingin Anda gunakan dengan color picker serta beralih transparansi ikon favicon.

Ada juga opsi untuk membuat ikon favicon dengan animasi. Juga, pengaturan seperti menempatkan animasi pada satu lingkaran, mengedit, dan menghapus bingkai tersedia.

Generator favicon ini juga memiliki mode pratinjau, sehingga Anda dapat melihat seperti apa bentuk favicon Anda, setelah siap.

5) FaviconGenerator.com

Opsi generator favicon gratis.

Ini adalah generator favicon gratis sederhana tempat Anda dapat mengunggah gambar dan kemudian memilih ukuran yang Anda inginkan. Ini sangat mendasar, tetapi merupakan pilihan yang baik ketika Anda ingin membuat ikon favicon dengan cepat tanpa repot dengan pengaturan dan opsi.

Dengan generator ini, Anda juga dapat membuat retina favicon yang berfungsi dengan perangkat sentuh Apple. Memang membutuhkan sedikit kerja ekstra, tetapi semua instruksi rinci pada halaman web mereka.

6) Favicomatic

Situs web Favicomatic, generator favicon gratis.

Favic-o-Matic menghasilkan favicons, baik ICO dan PNG (juga transparan).

Anda dapat mengunggah gambar dengan generator favicon gratis ini, dan kemudian memilih apakah akan mengunduh file ICO 16×16 dan 32×32 piksel atau menyertakan ukuran berbeda yang kompatibel dengan semua perangkat.

Ada juga pengaturan lanjutan seperti dapat mengedit warna latar belakang dan beberapa opsi kompatibilitas lanjutan.

7) Generator Ionos Favicon

Situs generator favicon gratis Sonos

Ionos Favicon Generator memungkinkan Anda menggambar ikon favicon, menggunakan inisial, atau mengunggah gambar yang ingin Anda gunakan untuk membuat favicon.

Hasilnya adalah favicon yang berfungsi di semua browser dan perangkat. Ini juga memiliki area pratinjau yang bagus di mana Anda dapat dengan cepat melihat seperti apa favicon Anda secara langsung.

8) Website Planet Favicon Generator

Generator favicon gratis dari Website Planet untuk membuat favicon.

Generator favicon gratis ini menawarkan opsi untuk mengunggah gambar (baik JPG, PNG, atau GIF), atau pilih dari galeri gratis favicon premade.

Mungkin penting untuk dicatat bahwa jika Anda ingin membuat ikon favicon untuk bisnis Anda, Anda mungkin ingin membuat favicon yang logo Anda atau mirip dengannya. Ketika Anda melakukan ini, itu memberikan tampilan yang lebih kohesif yang lebih berkesan.

Jadi, memilih salah satu gambar premade mungkin tidak cocok, terutama karena situs lain dapat menggunakan yang sama persis dengan yang Anda pilih.

9) RedKetchup Favicon Generator

Situs web Red Ketchup Favicon Generator

Untuk generator ini, ada opsi untuk mengunggah gambar atau membuatnya dengan teks.

Jika Anda membuat ikon favicon dengan teks, ada banyak pengaturan, termasuk mengubah keluarga font, ukuran font, warna latar belakang, warna teks, dan ada skala yang dapat disesuaikan untuk mengubah batas antara kotak dan lingkaran. Jadi, Anda dapat mengatur batas untuk memiliki tepi bulat dari berbagai kebulatan.

Ada juga opsi lebih lanjut untuk kompatibilitas antar perangkat.

10) Genfavicon

Buat ikon favicon dengan generator favicon gratis situs web Genfavicon.

Generator favicon gratis ini unik karena ketika Anda mengunggah gambar, Anda memiliki opsi untuk memotong untuk menjadikannya favicon.

Ada juga jendela pratinjau untuk melihat seperti apa ikon favicon baru Anda di browser pengguna.

Anda dapat memilih di antara opsi ukuran: 16 × 16, 32 × 32, 48 × 48, 64 × 64, dan 128 × 128 piksel.

11) FavIcon.pro

Buat ikon favicon dengan generator favicon gratis situs web Favicon.pro.

Ini opsi cepat lain untuk generator favicon gratis. Saat Anda mengunggah gambar untuk membuat favicon, Anda dapat memilih ukuran gambar yang ingin Anda gunakan: 16 × 16, 32 × 32, 48 × 48, 64 × 64, dan 128 × 128 piksel.

FavIcon memungkinkan Anda mengonversi tipe file JPG, GIF, PNG ke ICO dan Anda dapat menggunakannya untuk mengonversi ikon aplikasi, ikon desktop, dan favicon ke situs web Anda.

12) Faviconr

Anda dapat membuat ikon favicon dengan generator favicon gratis milik Faviconr.

Faviconr adalah pilihan sederhana dan cepat untuk generator favicon gratis.

Unggah file JPG, PNG atau GIF, dan pilih apakah Anda ingin latar belakang transparan (Anda hanya dapat membuat favicons transparan jika file sumber Anda juga merupakan file PNG atau GIF transparan). Klik tombol, simpan file, dan Anda selesai.

13) ICOConvert

Situs web IcoConvert

Generator favicon gratis ini cukup unik karena setelah mengunggah gambar yang ingin Anda gunakan untuk membuat favicon, Anda dapat memotong dan menatanya.

Ada pilihan untuk membentuk perbatasan menjadi berbagai bentuk termasuk kotak, bentuk hati, kotak di luar pusat, lingkaran, bentuk hati atau kotak yang miring, dan opsi untuk memilih perbatasan putih.

Anda juga dapat memilih untuk mengunduh favicon sebagai file ICO atau PNG dengan beberapa opsi ukuran termasuk 16 × 16, 24 × 24, 32 × 32, 48 × 48, 64 × 64, 96 × 96, 128 × 128, 192 × 192 , dan 256 × 256 piksel. Ada juga opsi untuk membuat ikon favicon untuk komputer Windows 7, 8, Vista, dan XP.

Generator favicon gratis ini mencakup opsi untuk kompresi dan mengkonversi file dari PNG ke SVG juga.

Generator favicon gratis Wizlogo untuk membuat ikon favicon

Wizlogo adalah pilihan sederhana lain untuk generator favicon gratis. Yang perlu Anda lakukan adalah memilih gambar untuk diunggah, lalu pilih file ICO 32×32, atau ikon favicon untuk web, iOS, Windows, dan Android. Dan kamu sudah selesai.

Wizlogo dapat digunakan sebagai pembuat logo gratis juga.

15) FAVICO

Situs web Favico

FavICO adalah salah satu opsi dasar terakhir untuk generator favicon gratis. Unggah gambar yang ingin Anda gunakan untuk membuat favicon. Kemudian, pilih antara ukuran 16 × 16, atau 32 × 32 piksel dan tekan buat. Dan itu dia.

Cara Memasang Ikon Favicon

Setelah Anda menggunakan salah satu generator favicon gratis untuk membuat ikon favicon, Anda dapat menginstalnya sehingga dapat ditampilkan untuk situs web Anda.

Untuk situs biasa atau non-WordPress, pertama, unggah ikon favicon ke root server Anda.

Kemudian, mulai dari tag file index.html, gunakan kode resmi di bawah ini dari W3C:

...


...

Pastikan untuk mengubah “https://example.com/myicon.png” dengan tautan yang sebenarnya ke ikon favicon Anda.

Juga, ubah “gambar / png” untuk mencerminkan jenis file gambar yang Anda gunakan untuk favicon.

Berikut adalah jenis gambar untuk menggantikan “gambar / png” yang kompatibel ketika datang untuk membuat favicon:

  • File gambar PNG – gambar / png
  • File gambar GIF – gambar / gif
  • File gambar ICO – gambar / x-ikon
  • File gambar SVG – image / svg + xml

Jangan lupa untuk menyimpan file.

Dalam kebanyakan kasus, generator favicon gratis yang tercantum di atas juga menghasilkan kode yang Anda butuhkan yang spesifik untuk pengaturan yang Anda pilih seperti untuk animasi atau kompatibilitas. Jadi, jika kode ini tidak berfungsi, Anda dapat merujuk ke generator favicon yang Anda gunakan untuk membuat favicon untuk situs web Anda.

Menginstal Ikon Favicon Secara Otomatis di WordPress

Untuk situs WordPress, Anda dapat membuat ikon favicon tanpa harus menggunakan salah satu generator favicon gratis yang tercantum di atas.

Anda dapat menggunakan gambar apa pun yang Anda inginkan selama lebarnya minimal 512 px.

Untuk menginstalnya secara otomatis, masuk ke situs WordPress yang di-hosting-sendiri dan di dasbor admin, buka Penampilan> Kustomisasi.

Setelah Customizer dimuat, klik Identitas Situs di menu di sebelah kiri. Lalu, di bawah Ikon Situs, klik Pilih gambar.

Penyesuai di WordPress
Anda dapat secara otomatis membuat ikon favicon di WordPress.

Di jendela munculan, klik pada Unggah berkas tab, lalu aktif Pilih File. Pilih gambar yang Anda inginkan dari komputer Anda.

Klik Pilih, kemudian potong gambar, jika perlu, dan klik Pangkas Gambar. Atau, Anda dapat membiarkan gambar apa adanya dan klik Lewati pemotongan.

Lalu, simpan perubahan Anda dengan mengklik Menerbitkan tombol di Penyesuai.

Instal Favicon untuk Situs WordPress secara manual

Untuk menginstal favicon secara manual yang merupakan file ICO untuk WordPress, unggah favicon terlebih dahulu ke root situs web Anda dan juga root dari tema Anda saat ini.

Pastikan file tersebut dinamai “favicon.ico” atau ikon favicon tidak akan ditampilkan.

Ini harusnya melakukan trik, tetapi beberapa browser lama mungkin tidak melihat favicon Anda sehingga ada langkah tambahan yang dapat Anda ambil untuk memastikan kompatibilitas.

Temukan file header.php Anda melalui SFTP atau panel kontrol penyedia hosting Anda.

Buka dan cari baris kode yang mirip dengan contoh di bawah ini:

...

...

Kemudian, gantilah dengan kode di bawah ini atau tambahkan jika tidak ada:

...

...

Simpan file dan Anda selesai.

Membungkus

Sesuatu yang sangat kecil seperti ikon favicon pada awalnya tampak tidak signifikan, tetapi membantu dengan pengenalan merek dan pengalaman pengguna. Generator favicon gratis ini harus melakukan trik untuk membuat ikon favicon Anda sendiri untuk ditambahkan ke situs web Anda.

Adakah yang kita lewatkan? Tinggalkan komentar di bawah ini.

Jeffrey Wilson Administrator
Sorry! The Author has not filled his profile.
follow me
    Like this post? Please share to your friends:
    Adblock
    detector
    map