Aplikasi luar biasa. Ini adalah salah satu situs pembuat favicon terbaik yang pernah saya lihat.
Chris Livdahl
1
Terima kasih, Chris! Saya senang membantu!
Eduardo Russo
3
@EduardoRusso ini sangat luar biasa - terima kasih!
davnicwil
4
Kerja bagus. Bekerja seperti yang diharapkan.
Dilshan
1
Bekerja lebih baik dari yang diharapkan! Bug kecil (?): Saat menggunakan lanjutan, jalur dan versinya tidak disertakan dalam browserconfig.xml. Tapi tetap menyukainya. : D
mrjink
42
Jika Anda sudah memiliki gambar logo yang ingin diubah menjadi favicon, maka Anda bisa mengubahnya menggunakan http://www.favicomatic.com/ . Ini menciptakan favicon yang tajam, dan saya tidak perlu mengeditnya setelah membuatnya. Ini akan menghasilkan favicon pada 16x16 dan 32x32 dan mengutipnya: "Setiap ukuran sialan, Pak!". Situs ini juga mendukung / menjaga transparansi yang ada di beberapa pngs. Selain itu, situs mereka terlihat keren dan mudah digunakan.
Bagaimana saya dapat meningkatkan jawaban ini untuk menghindari suara negatif lebih lanjut?
Jared Menard
3
Saya tidak tahu. Jawaban Anda menjadikan ini pekerjaan lima menit bagi saya. Terima kasih.
andyb
1
beberapa orang suka tidak suka tanpa alasan. SO perlu memiliki kebijakan yang menentangnya. Btw, apakah kita benar-benar membutuhkan banyak ukuran yang berbeda atau kita 16x16 dan 32x32 sudah cukup seperti yang dihasilkan situs web
batmaci
Saya pribadi tidak tahu apa praktik terbaik di sini. Di situs saya, saya pikir kami hanya menggunakan satu. Ini dapat berguna untuk aplikasi web progresif chrome jika digabungkan dengan manifest.json.
Juga: Anda dapat menyimpan file favicon Anda di mana saja jika Anda menambahkan a <link rel="shortcut icon" href="link/to/fav.ico" />ke <head>blok halaman Anda.
Már Örlygsson
1
tools.dynamicdrive.com/favicon juga akan memungkinkan Anda untuk menggabungkan beberapa ukuran dalam satu favico yang sangat bagus
hdorio
5
Salah satu alat favicon online terbaik adalah FaviconGenerator.com . Cepat, desain modern, tanpa bulu halus.
FaviconGenerator.com juga menyediakan akses ke API mereka dari node / grunt / gulp.
Matt
3
Jika Anda ingin membuat file .ico, Anda juga dapat menggunakan GIMP untuk membuat favicon. Browser modern dapat menggunakan file gambar normal, tetapi awalnya saya pikir itu hanya file .ico. Ini adalah editor gambar open source yang mirip dengan Photoshop. Buat dan edit gambar dengan ukuran yang tepat (katakanlah 32 x 32), ratakan ke satu lapisan (Kecuali jika Anda ingin beberapa ikon dalam file yang sama), dan simpan sebagai .ico. Ini akan memformatnya dengan benar, lalu gunakan Stefano <link rel="SHORTCUT ICON" HREF="/favicon.ico">untuk menggunakannya di halaman web Anda.
Hmm, paint.net.amihotornot.com.au sebagai host untuk plugin Ikon? Apakah itu sah?
RonaldB
@RonaldB ya itu rumah dari plugin itu. Domain aneh bukan
Matthew Lock
2
Saat membuat favicon, Anda perlu mempertimbangkan faktor-faktor berikut:
Platform yang didukung Sepuluh tahun yang lalu, Anda hanya ingin mendukung browser desktop dan solusinya adalah membuat favicon.icogambaran klasik . Saat ini, Anda ingin mendukung iOS (dan iOS Safari) dan Android (dan Android Chrome). Mungkin juga Windows 10 (dan Edge) dan Touch Bar Mac Book Pro baru (macOS Safari). Anda tidak bisa hanya menggunakan satu gambar "satu ukuran cocok untuk semua" lagi.
Desain Segera setelah Anda mendukung banyak platform, Anda menghadapi beberapa pedoman desain. Misalnya, Google menggunakan ikon transparan untuk aplikasi aslinya sendiri di Android, sedangkan ikon iOS tidak bisa transparan sama sekali. Anda tidak bisa hanya menggunakan pendekatan "satu desain cocok untuk semua".
Ikon yang dihasilkan dan kode HTML Selama dua atau tiga tahun, referensi telah menghasilkan ikon sebanyak mungkin untuk mencakup semua kasus. Saya khawatir saya membuat tren ini sendirian: - / Masalahnya adalah Anda berakhir dengan 20-an baris atau HTML, yang terlalu banyak. Untuk mendapatkan solusi teknis yang memuaskan, Anda perlu menyeimbangkan jumlah ikon / HTML yang dihasilkan dan platform yang didukung.
Seperti biasa, Anda dapat membuat semua aset ini secara manual. Kecuali Anda memiliki kebutuhan dan anggaran yang sangat, sangat spesifik, ini jelas bukan cara yang tepat.
Cara yang tepat bagi kebanyakan orang adalah menggunakan generator favicon yang memungkinkan Anda menentukan tampilan semua ikon dan menangani semua detail. Satu-satunya yang melakukan ini adalah Real Favicon Generator . Pengungkapan penuh: Saya adalah penulis situs ini.
Saya membuat favicon saya 16 x 16 atau 32 x 32 menggunakan Photoshop. Saya menyimpannya sebagai gif dan saya menggunakan IrfanView untuk mengonversi gif ke ico.
Jawaban:
Saat mencari tentang favicon, saya menemukan bahwa saya membutuhkan lebih dari 10 jenis file untuk bekerja di semua browser dan perangkat :(
Saya kesal dan membuat generator favicon saya sendiri, yang membuat semua file ini dan header HTML yang benar untuk masing-masing file : faviconit.com
Berharap kamu menikmatinya.
sumber
Jika Anda sudah memiliki gambar logo yang ingin diubah menjadi favicon, maka Anda bisa mengubahnya menggunakan http://www.favicomatic.com/ . Ini menciptakan favicon yang tajam, dan saya tidak perlu mengeditnya setelah membuatnya. Ini akan menghasilkan favicon pada 16x16 dan 32x32 dan mengutipnya: "Setiap ukuran sialan, Pak!". Situs ini juga mendukung / menjaga transparansi yang ada di beberapa pngs. Selain itu, situs mereka terlihat keren dan mudah digunakan.
Misalnya di sini adalah logo stackoverflow:
Berikut beberapa favicon yang dihasilkan:
Mereka juga menghasilkan html yang dibutuhkan:
Saya melihat 20 atau lebih hasil Google pertama, dan sejauh ini yang terbaik.
sumber
GIMP adalah program yang bagus untuk itu. Cukup simpan gambar sebagai PNG, lalu tambahkan
di
<HEAD>
bagian halaman Anda.sumber
Anda membuat file ikon berukuran 16x16 atau 32x32 atau 64x64. Beri nama favicon.ico dan letakkan di root folder publik situs web Anda.
Ada situs web yang akan mengonversi format grafik lain ke .ico untuk Anda. yaitu. http://tools.dynamicdrive.com/favicon/
sumber
<link rel="shortcut icon" href="link/to/fav.ico" />
ke<head>
blok halaman Anda.Salah satu alat favicon online terbaik adalah FaviconGenerator.com . Cepat, desain modern, tanpa bulu halus.
sumber
Jika Anda ingin membuat file .ico, Anda juga dapat menggunakan GIMP untuk membuat favicon. Browser modern dapat menggunakan file gambar normal, tetapi awalnya saya pikir itu hanya file .ico. Ini adalah editor gambar open source yang mirip dengan Photoshop. Buat dan edit gambar dengan ukuran yang tepat (katakanlah 32 x 32), ratakan ke satu lapisan (Kecuali jika Anda ingin beberapa ikon dalam file yang sama), dan simpan sebagai .ico. Ini akan memformatnya dengan benar, lalu gunakan Stefano
<link rel="SHORTCUT ICON" HREF="/favicon.ico">
untuk menggunakannya di halaman web Anda.sumber
Saya menggunakan program Paint.net open source bersama dengan plugin Ikon .
Anda kemudian dapat membuat dan menyimpan gambar dalam format .ico dengan semua ukuran berbeda yang disematkan ke dalam file .ico.
sumber
Saat membuat favicon, Anda perlu mempertimbangkan faktor-faktor berikut:
favicon.ico
gambaran klasik . Saat ini, Anda ingin mendukung iOS (dan iOS Safari) dan Android (dan Android Chrome). Mungkin juga Windows 10 (dan Edge) dan Touch Bar Mac Book Pro baru (macOS Safari). Anda tidak bisa hanya menggunakan satu gambar "satu ukuran cocok untuk semua" lagi.Seperti biasa, Anda dapat membuat semua aset ini secara manual. Kecuali Anda memiliki kebutuhan dan anggaran yang sangat, sangat spesifik, ini jelas bukan cara yang tepat.
Cara yang tepat bagi kebanyakan orang adalah menggunakan generator favicon yang memungkinkan Anda menentukan tampilan semua ikon dan menangani semua detail. Satu-satunya yang melakukan ini adalah Real Favicon Generator . Pengungkapan penuh: Saya adalah penulis situs ini.
sumber
Dan jika Anda menggunakan asp.net, coba cara ini untuk menerapkan favicon ke halaman Anda:
tetapi Anda dapat menemukan informasi lebih lanjut di sini: http://doctype.com/
sumber
Saya membuat favicon saya 16 x 16 atau 32 x 32 menggunakan Photoshop. Saya menyimpannya sebagai gif dan saya menggunakan IrfanView untuk mengonversi gif ke ico.
sumber