Layanan Favon. Cara universal untuk membuat favonov

Favicon - (dari bahasa Inggris. Favorit Ikon diterjemahkan "Ikon ke Favorit") - Ikon Situs Web 16x16px atau 32x32px, yang ditampilkan oleh browser di bilah alamat atau di sebelah tab yang disimpan. Secara tradisional, nama dan ekstensi ikon menggunakan favicon.ico.

Layanan kami dapat mengkonversi gambar yang dipilih (hingga 175 KB) ke ikon situs ikon (ukuran 16x16px atau 32x32px). Setelah generasi Anda hanya perlu mengunduh Favicon.ico ke katalog situs hosting yang diinginkan.

Tidak ada ikon adalah kesalahan optimalisasi Teknis. Sumber daya, itu mengurangi kesadaran merek, mengurangi cuplikan pencarian CTR, memperburuk pencarian sumber web pada bookmark browser dan lainnya.

Yandex memiliki bot khusus, yang secara individual mengindeks Favon dari semua situs. Frekuensi menambahkan ikon baru dalam pencarian adalah dari sekitar dua minggu hingga satu bulan.

Di mana mengunduh Favictionon untuk online?

Untuk menampilkan favicon.ico yang dibuat dalam bentuk ikon situs, Anda harus mengunggahnya ke direktori root situs (atau di direktori apa pun) dan menentukan jalur absolut atau relatif ke dalamnya dalam kode template (), sampel kode:

Mengapa menunjukkan jalan menuju Favonka?

Saat menggunakan ikon satu situs di seluruh situs, jika favicon.ico ada di folder root, Anda tidak dapat menentukan jalur ke sana - browser sendiri akan menemukannya dan membawanya dalam bentuk ikon situs. Sumber daya besar atau unik menggunakan ikon situs yang berbeda untuk masing-masing kategori mereka. Untuk melakukan ini, dalam templat yang sesuai, mereka memiliki jalur ke favicon.ico yang berbeda.

Topik artikel hari ini adalah bagaimana membuat Favicon online untuk situs atau blog di WordPress. Jika Anda karena suatu alasan, tidak tahu apa yang dibutuhkan file ini, saya sarankan membaca artikel yang sudah ditulis oleh saya pada topik ini:

Secara umum, gambar kecil ini harus setiap situs.

Cara Membuat Favicon.ico untuk Situs

Jadi, sekarang saya akan mencoba memberi tahu di mana, daripada dan bagaimana membuat Favicon. Tetapi untuk memulai, Anda perlu tahu ukuran apa yang harus dilakukan Favon untuk situs itu?

Favicon. - Ini adalah gambar dalam format ICO, JPEG, PNG, BMP dan GIF, yang dapat memiliki ukuran yang berbeda, dimulai dengan 16 × 16 piksel. Ikon ukuran ini harus diunduh ke situs untuk mengindeks robot Yandex.

Ukuran lain memiliki peran sekunder dan tidak ditampilkan di cari Yandex., dan berfungsi untuk ditampilkan di browser, seperti iPhone atau iPad. Jika Anda ingin situs Anda menonjol di hasil pencarian, ingat aturan berikut.

Dalam hal beberapa blok tetap dengan berbagai ukuran, dalam kode halaman, Anda harus terlebih dahulu memposisikan path ke gambar 16x16 px, karena robot phava Yandex hanya membaca alamat pertama.

Cara termudah untuk menggambar Favicon di Photoshop atau editor grafis lainnya. Anda dapat melakukannya lebih mudah dan mengambil gambar atau foto yang sudah siap dan cukup konversikan ke format dan ukuran yang diperlukan. Karena ikon seperti itu sangat kecil, maka detail kecil gambar akan buruk di atasnya. Oleh karena itu, lebih baik membuat favicon Anda sesederhana mungkin, tetapi pada saat yang sama, menarik dan unik. Lagi pula, ini adalah kartu nama sumber web Anda.

Jika Anda bukan tanda besar Photoshop, tidak masalah, ada banyak generator gratis untuk membuat favicon untuk situs tersebut. Beberapa dari mereka hanya dapat mengkonversi gambar ke dalam format ICO, yang lain memungkinkan untuk mengedit atau membuat fixer dari awal. Saya membawa perhatian Anda ulasan kecil dari generator online tersebut.

Layanan Online Generator Favicon - Penciptaan Favicon Online

Saya akan mulai dengan diri saya sendiri layanan SederhanaDan kemudian secara bertahap pergi ke lebih maju, di mana Anda dapat membuat ikon statis dan animasi dari awal dan mengedit siap pakai.

Ketika Anda hanya menjalankan blog atau situs web perusahaan Anda dan Anda masih belum memiliki logo, solusi yang luar biasa untuk Anda akan melayani layanan LOKASAS. Dengan itu, Anda dapat membuat logo, dan kemudian berdasarkan logo ini, generator akan membuat serangkaian perbaikan pada pilihan Anda. Kenyamanan adalah bahwa logo dan phavicon akan dibuat dalam satu gaya, sehingga situs Anda akan terlihat lebih profesional.

Generator Phawacon sederhana

Sebagai permulaan, beberapa situs di mana Anda dapat dengan mudah membuat ikon untuk situs, mengkonversi gambar apa pun ke file favicon.ico, tanpa mengedit.

www.favicongenerator.com - mungkin layanan paling minimalis. Tidak ada yang berlebihan - memilih gambar, klik "Hasilkan Favicon! "Dan mengunduh ikon yang dibuat.

alat.dynamicDrive.com/favicon. - Sederhana. layanan yang dapat dimengerti.Di mana Anda dapat membuat Favicon dalam tiga ukuran. Untuk mengunduh file yang diterima, Anda harus mengklik tombol "Unduh Favicon".

www.cypr.com/tools/favicon dan www.favicon.co.uk - layanan yang mirip dengan yang sebelumnya. Dalam yang pertama dapat membuat ukuran fanique 16 × 16 dan 32 × 32, dan dalam tambahan kedua 48 × 48 dan 64 × 64.

www.genfavicon.com - Seluruh proses pembuatan ikon mencakup tiga langkah:

Pilih File (JPEG, GIF, PNG) di komputer Anda atau cukup daftarkan gambar URL dan klik " Unggah Gambar“;
Pilih ukuran (16 × 16, 32 × 32, 48 × 48, 64 × 64 atau 128 × 128) dan pola pola yang diperlukan, jika kita ingin menghasilkan hanya bagian dari gambar dengan mengklik " Tangkap dan Gambar“;
Kami melihat hasilnya dan, jika semuanya cocok, unduh file.

Membuat favicon animasi untuk generator online

Sekarang mari kita lihat beberapa layanan di mana Anda dapat membuat favonon animasi, serta menambahkan teks pada bahasa Latin, yang akan bergulir bersama dengan ikon dalam bentuk garis berjalan. Benar, animasi tidak didukung oleh semua browser.

www.favicon.by - layanan dalam bahasa Rusia. Semua yang diperlukan, pilih file, masukkan teks pada bahasa Latin (jika perlu) dan klik tombol "Buat Favicon". Di bawah ini Anda dapat melihat hasilnya dan mengunduh arsip file.

www.favicon.com.mx - Layanan, sepenuhnya identik dengan yang sebelumnya, hanya dalam bahasa Inggris.

Di mana membuat Favon dari awal - editor online Favicon

antifavicon.com - Layanan ini, untuk beberapa alasan, dengan anti-seni, menarik, yang memungkinkan Anda membuat file favicon.ico itu sendiri, tetapi tidak dalam bentuk gambar, tetapi sebagai teks pada latar belakang warna. Semua yang diperlukan adalah memasukkan huruf yang sesuai dan memilih warna. Omong-omong, saya melakukan favon saya di sini. Saya pikir kemudian redid, dan sekarang saya sudah terbiasa.

favicon-generator.org - Di sini, kecuali untuk konverter, ada juga editor ikon. Selain itu, Anda dapat mengunduh Favon yang dibuat ke Galeri Publik, di mana ia dapat dengan bebas mengunduh pengguna situs lain.

favicon.ru - generator online Rusia populer, di mana Anda dapat membuat favona dari gambar dan menggambarnya. Di sini Anda dapat memesan kreasi spesialis Favicon seharga $ 20. Saya bertanya-tanya, seseorang membuat pesanan di sana?

www.favicon.cc adalah generator populer lainnya yang mirip dengan yang sebelumnya. Fitur yang menarik dari layanan ini adalah di sini Anda dapat membuat animasi bingkai hingga 20 detik.

Lihat Favicon Animasi dan unduh di jendela Pratinjau.

www.degraeve.com/favicon adalah generator favicon online lain. Editor ini, seperti sebelumnya, memungkinkan Anda membuatnya latar belakang transparan Ikon.

Mungkin ini cukup untuk hari ini, meskipun ini tidak semua layanan online. Tetapi bahkan ini cukup untuk menciptakan favon yang indah untuk situs atau blog Anda dan terlihat dalam hasil pencarian.

Namun, ikon generator online lain untuk situs yang saya ikuti. Layanan ini layak mendapat posting terpisah, di mana saya akan memberi tahu Anda cara membuat Favicon untuk iPhone, IPod touch. dan Browser iPad. Dan saya akan tetap lebih rinci tentang menginstal ikon animasi di situs. Selain itu, akan memperkenalkan Anda pada layanan Favicon Vallivalator, di mana Anda dapat memeriksa dan melihat semua ikon Favicon.ico, jika file ini berisi lebih dari satu gambar .. Sejauh ini!

Bagian integral dari situs web modern adalah ikon Favicon, yang memungkinkan Anda untuk dengan cepat mengidentifikasi satu atau sumber daya lain dalam daftar tab browser. Juga sulit untuk diserahkan program komputer Tanpa label unik Anda sendiri. Pada saat yang sama, situs dan perangkat lunak dalam hal ini menggabungkan item yang tidak cukup jelas - keduanya menggunakan ikon dalam format ICO.

Gambar-gambar kecil ini dapat dibuat sebagai karena program KhususJadi dengan bantuan layanan online. Ngomong-ngomong, ini adalah yang terakhir untuk keperluan seperti itu yang jauh lebih besar, dan kami akan mempertimbangkan sejumlah sumber daya seperti itu dengan Anda dalam artikel ini.

Namun, bekerja dengan grafik bukanlah kategori layanan web yang paling populer dalam hal menghasilkan ikon, pasti ada untuk dipilih. Menurut prinsip operasi, sumber daya tersebut dapat dibagi menjadi yang Anda buat gambar, dan situs yang memungkinkan Anda untuk mengonversi gambar yang sudah siap di ICO. Tetapi sebagian besar semua ikon generator menawarkan keduanya.

Metode 1: Editor X-Icon

Layanan ini adalah solusi paling fungsional untuk membuat gambar ICO. Aplikasi web memungkinkan Anda untuk menggambar ikon secara rinci secara manual atau memanfaatkan gambar jadi. Keuntungan utama dari alat ini adalah kemampuan untuk mengekspor gambar dengan resolusi hingga 64 × 64.

Jadi, jika Anda perlu membuat satu set seluruh ikon ukuran dimensi tunggal - tidak ada yang lebih baik daripada editor X-icon untuk tujuan ini yang tidak Anda temukan.

Metode 2: Favicon.ru

Jika perlu, untuk menghasilkan ikon Favicon dengan resolusi 16 × 16 untuk situs web, alat yang sangat baik juga dapat berfungsi sebagai layanan online bahasa Rusia Favicon.ru. Seperti dalam kasus solusi sebelumnya, di sini Anda dapat secara mandiri menggambar ikon, mengecat setiap piksel secara terpisah dan membuat Favicon dari gambar jadi.

Akibatnya, file ekstensi ICO yang mewakili gambar 16 × 16 piksel disimpan di PC Anda. Layanan ini sempurna bagi mereka yang hanya perlu mengonversi gambar menjadi ikon kecil. Namun, dan untuk menunjukkan fantasi di Favicon.ru sama sekali tidak dilarang.

Metode 3: Favicon.cc

Mirip dengan yang sebelumnya sebagai nama dan pada prinsip operasi, tetapi bahkan ikon generator yang lebih canggih. Selain menciptakan gambar 16 × 16 konvensional, layanan membuatnya mudah untuk menggambar favicon.ico animasi untuk situs Anda. Selain itu, sumber daya berisi ribuan ikon khusus yang tersedia untuk diunduh gratis.

Jika antarmuka berbahasa Inggris tidak mengganggu Anda, maka sama sekali tidak ada argumen yang mendukung pekerjaan dengan layanan sebelumnya. Selain fakta bahwa Favicon.cc dapat menghasilkan ikon animasi, sumber daya juga mengakui transparansi pada gambar impor, yang merupakan analog berbahasa Rusia, sayangnya, dirampas.

Metode 4: Favicon.by

Pilihan lain dari generator Ikon Favicon untuk situs. Dimungkinkan untuk membuat ikon dari awal atau berdasarkan pada gambar tertentu. Dari perbedaan, dimungkinkan untuk menyoroti fungsi mengimpor gambar dari sumber daya web pihak ketiga dan antarmuka yang agak bergaya dan ringkas.

Secara umum, tidak ada perbedaan dalam bekerja dengan layanan yang sudah dipertimbangkan dalam artikel ini, bagaimanapun, dengan mengkonversi gambar dalam ICO, favicon.by sumber daya mengatasi secara signifikan lebih baik, dan cukup mudah untuk diperhatikan.

Metode 5: ONLINE-CONVERT

Kemungkinan Anda sudah tahu situs ini sebagai konverter file online yang hampir omnivora. Tetapi tidak semua orang tahu bahwa ini adalah salah satu alat terbaik untuk mengkonversi gambar apa pun di ICO. Di pintu keluar Anda dapat menerima ikon dengan resolusi hingga 256 × 256 piksel.

Seperti yang Anda lihat, buat iCO icon. Dengan bantuan situs konversi online, itu benar-benar sederhana, dan itu dilakukan secara harfiah untuk beberapa klik mouse.

Dalam pelajaran hari ini, saya akan memberi tahu Anda tentang ikon Favicon. (favon.). Saya akan tunjukkan kepada Anda Cara membuat favicon.ico untuk situs (atau untuk blog, di sini tanpa perbedaan) dan tunjukkan bagaimana Anda bisa tempel Favon..

Tentunya, banyak yang masih belum tahu tentang apa yang saya katakan. Sederhananya, Favicon (Favon) adalah gambar (ikon), yang ada di browser sebelum alamat situs. Saya akan dengan jelas menunjukkan favicon blog saya:

Ikon ini adalah jenis logo blog Anda. Oleh karena itu, untuk penciptaan favikon, perlu untuk mengobati dengan tanggung jawab penuh. Ingat, dia bisa menyoroti blog Anda antara lain.

Rencana belajar:

Membuat favicon dari awal.
Penciptaan Favonki adalah. citra siap.
Layanan S. ikon siap untuk situs.
Melampirkan ikon yang diterima ke situs.

Cara membuat Favicon (Favon) dari awal

Ada satu layanan yang sangat nyaman. Ini memiliki alamat favicon.cc. Layanan ini untuk membangun favonok terlihat seperti ini:

Untuk menggambar Favicon. Cukup memilih warna dan hanya menggambar. Jika Anda menggambar sesuatu, di suatu tempat yang salah, untuk menghapus fragmen gambar, pilih alat transparan (periksa) dan "poke" pada piksel ("kotak") yang perlu Anda hapus:

Saya menggambar favonka berikut:

Yang terpenting di Favicon.cc Saya menyukai kenyataan bahwa Anda dapat langsung melihat hasil dari pekerjaan Anda dalam ukuran aslinya. Untuk melakukan ini, Anda harus turun sedikit di bagian Previw:

Atau Anda dapat langsung di browser (opera, firefox, Internet Explorer. dll.) Lihat hasilnya:

Membuat Favicon (Favon) dari gambar jadi

Misalkan Anda tidak ingin membuat ikon dari awal untuk situs Anda, tetapi Anda ingin membuatnya dari gambar yang sudah siap. Dalam hal ini, layanan ini akan nyaman bagi Anda untuk membuat favicon.ru fixing.

Layanan dalam bahasa Rusia, jadi Anda seharusnya tidak memiliki masalah. Cukup tentukan gambar yang ingin Anda lihat ikon situs Anda ("Ikhtisar" tombol), lalu klik " Buat favicon.ico.", Dan sudah" Unduh favicon.ico.”.

Favon - istilah ini secara harfiah diterjemahkan sebagai "ikon favorit" - dianggap sebagai salah satu elemen paling kompleks dari desain web modern. Ini adalah gambar kecil yang terletak di tab browser, di baris lokal Dan tempat-tempat lain, dan memainkan peran penting dalam personalisasi situs.

Karena format non-standar dan ukuran kecil, penciptaan favon dapat dikaitkan dengan kesulitan, baik dengan sudut pandang teknis dan desainer.
Tidak kurang tugas yang menantang Ini menyediakan kompatibilitas Phavicon dengan berbagai browser.

Dalam artikel ini, Anda akan belajar cara membuat Favon - kami akan memberikan saran tentang desain dan menceritakan tentang layanan untuk membuat favicon, dan cara menambahkan favon ke situs.

Apa itu Favon dan mengapa dia butuhkan

Terlepas dari kenyataan bahwa Favon adalah objek grafis yang sangat kecil, itu sangat penting dalam desain situs dan secara umum.

Klik untuk memperbesar gambar.

pertama, Favon membuat situs Anda lebih dipersonalisasi dan lapuk dalam satu gaya dengan elemen grafis lainnya, seperti logo.

Kedua Favono menyoroti situs Anda, di antara sumber daya web lainnya dalam daftar hasil Pencarian. Situs tanpa ikon mini ini akan memudar untuk melihat dan kehilangan pesaing. Singkatnya, Favon hanya "harus" untuk situs.

Ketiga Favon memungkinkan pengguna untuk menemukan situs Anda di katalog bookmark atau ikon lain di desktop.

Membuat Desain Favicon

Favon harus mencerminkan esensi dan merek dalam tanda kecil dari ukuran emotikon. Keputusan yang baik Ini akan menjadi versi yang disederhanakan dari logo perusahaan, tetapi catatan: logo penuh dengan teks dan merek dagang tidak cocok untuk tujuan ini.

Situs web ini menggunakan tanda grafis merek mereka (atau setidaknya sesuatu yang mirip dengannya).

Jangan gunakan teks

Itu harus ditinggalkan dari penggunaan teks, karena karena ukuran kecil prasasti favon akan tidak dapat dibaca. Tempatkan pada ikon 1, maksimum 2 huruf - misalnya, yang pertama atas nama perusahaan atau sumber daya web Anda; Dalam hal ini, mereka masih dapat dibedakan.

Pixelization Favicon.

Favonon sangat kecil sehingga setiap piksel penting di dalamnya. Seringkali, dengan penurunan logo berukuran penuh, gambar diperoleh kabur.

Ini adalah fragmen logo Facebook ukuran penuh setelah berkurang menjadi 32 × 32. Sangat mudah untuk melihat bahwa gambar "mengapung" di tepinya. Untuk menghindari cacat seperti itu, mengedit pada tingkat piksel.
Saat bekerja dengan ikon, saya lebih suka menggunakan perangkat lunak pengeditan gambar raster (Misalnya, Photoshop atau Pixelmator). Pada awalnya saya mengurangi logo berukuran penuh ke 64 × 64 piksel, karena itu adalah Favon terbesar, yang akan saya butuhkan. Pekerjaan itu sangat menyakitkan, dapat mengambil satu jam penuh, atau bahkan dua, tetapi hasilnya sangat baik.
Jika Anda tidak memiliki waktu dan keterampilan dalam operasi seperti itu, lebih baik digunakan pelayanan online, seperti Logotizer.ru.

Ukuran Favicon.

Setelah menerima ikon dengan ukuran 64 × 64, saya juga membuat ikon dengan ukuran 32 × 32, 24 × 24 dan 16 × 16 piksel. Masing-masing dari mereka memiliki tujuan sendiri:

- 64 × 64 - "Daftar untuk membaca" di Safari dan Windows
- 24 × 24 - situs tetap di IE9.
- 32 × 32 - untuk layar dengan resolusi tinggi.
- 16 × 16 - biasanya digunakan di browser sebagai IE, Safari, Chrome, dll.

Tetapi penciptaan Favonov yang lebih kecil tidak terbatas pada: Sering diperlukan pengeditan tambahan pada tingkat piksel. Anda juga dapat menambahkan saluran alpha jika Anda merasa perlu. Jika sebelumnya itu menyebabkan kesulitan, sekarang hampir semua browser mendukung transparansi dalam phaniques.

Format Favicon.

Sebelumnya, hanya file format Windows ICO yang didukung, kita bisa menghemat waktu dengan menghemat format 16 × 16 phavique dalam gif dan memberikannya ekstensi. Penerimaan seperti itu bekerja bebas masalah! Tetapi sekarang dalam metode ini tidak perlu, karena alat untuk membuat file ICO dapat dengan mudah ditemukan di Internet. Apalagi sekarang untuk Favonov digunakan, tetapi dua yang paling umum masih umum.

ICO.

Kejuaraan kelapa sawit adalah milik format ICO. Tidak seperti file PNG, file ICO mungkin memiliki resolusi yang berbeda dan kedalaman bit (Apa yang bagus untuk Windows). Browser Internet Explorer menggunakan perbaikan berbagai ukuran (misalnya, ikon 32-piksel untuk bilah tugas Windows 7), dan karenanya kasus ini Format ICO adalah satu-satunya pilihan.

File PNG dibedakan oleh kenyamanan luar biasa, karena mereka tidak memerlukan alat khusus untuk membuatnya. Format ini mendukung saluran Alpha dan memungkinkan Anda membuat file dimensi terkecil. Mungkin satu-satunya kelemahan format png. terletak pada kenyataan bahwa itu tidak didukung di peramban Internet Penjelajah.

Ada opsi lain:

- Format GIF dan animasi GIF tidak memiliki keunggulan, selain kompatibilitas dengan browser yang sangat lama.
– Format jpg. Tidak disarankan untuk digunakan, bahkan jika gambar disajikan sebagai foto. Format ini tidak memiliki kejelasan PNG, dan satu-satunya keuntungan lebih transisi yang mulus Antara warna - nuansa, yang sepenuhnya terganggu pada gambar yang sangat kecil.
- SVG bisa menjadi pilihan yang sangat baik jika lebih banyak browser Mendukung Favona format ini. Sejauh ini ada kompatibilitas hanya dengan opera.
- Ada juga yang disebut "konformat" PNG - APNG (animasi PNG), yang didukung di Firefox dan Opera. Namun, kemanfaatan penggunaannya tetap dipertanyakan. Animasi Favon dapat mengalihkan perhatian dan bahkan mengganggu pengguna.

Buat Favon Online - Alat dan Layanan Online

Kami memilih yang paling layanan yang bergunaMisalkan membuat Favon Online.

Logoizer.

Logotizer adalah layanan baru, sederhana dan nyaman untuk membuat favon dan logo untuk situs Anda.
Dengan konstruktor online ini, Anda dapat membuat fixer dari awal. Layanan difokuskan pada pendatang baru, sehingga berkembang desain yang bagus Tidak akan bekerja.

Cara Membuat Favy dengan generator online. Logoizer.

Ruang kerja utama terletak di sebelah kiri. Anda dapat melihat hak untuk melihat bahwa Favon akan melihat berbagai media - tab browser, taskbar komputer atau layar ponsel cerdas. Sangat nyaman dan jelas.

Awalnya, Anda harus memilih formulir untuk Favon. Ada banyak dari mereka, lebih dari 50. Kami menyarankan Anda untuk memilih formulir yang sederhana dan tidak rumit untuk membuat Favin mudah memahami dan menghafal.

Pada tahap ini, Anda juga mendefinisikan warna formulir, yang berjalan sebagai latar belakang favonki, dan memilih bingkai. Lihat warna apa yang mendominasi dalam logo Anda (jika ada), warna mana yang utama di situs Anda. Dalam gamma ini kami menyarankan Anda untuk membuat desain favicon.

Di bawah blok "Formulir" adalah kumpulan angka (karakter). Mereka tidak begitu banyak, sangat disayangkan bahwa Anda tidak dapat memuat opsi Anda; Tapi pilihannya masih cukup menarik.

Ubah warna, ukuran, lokasi angka! Singkatnya, bereksperimen, bagus, layanan memungkinkannya untuk dilakukan.

Setelah gambar dipilih, Anda dapat menambahkan teks Anda. Seperti yang saya tulis sebelumnya, lebih baik menggunakan 1 atau 2 huruf, tidak lebih.

Ada banyak pilihan font. Ini jelas plus. Seperti dalam kasus angka, Anda dapat mengubah warna, ukuran, tata letak teks.

Jika Anda memutuskan bahwa beberapa jenis lapisan favicon untuk sementara mengganggu atau tidak sama sekali, Anda bisa menyembunyikannya.

Setelah membuat Favon, layanan akan menawarkan untuk menyimpannya. Daftarkan akun (pada 2017 tanpa registrasi dengan cara tidak), dan kemudian Anda dapat mengunduh file dengan pembayaran kecil - 199 rubel.

Masih ada instruksi kecil di situs, cara menambahkan favon ke situs, jadi dengan penambahan favicon ke situs Anda seharusnya tidak memiliki masalah. Di bawah ini dalam artikel ini juga memberikan rekomendasi serupa.

Setelah pembayaran, pengguna menerima 10 perbaikan berbagai ukuran sekaligus di bawah semua perangkat yang diperlukan hingga saat ini (ikon Apple Touch, ikon aplikasi Microsoft dan lainnya).

File Favicon.ico itu sendiri adalah multi-ukuran dan berisi 4 ukuran ikon dalam 1 file (16px, 24px, 32px, 64px). Dengan demikian, jika Anda menambahkan situs untuk menandai browser atau membuka cerita - Anda dapat menonton ikon berbagai ukuran, tetapi mereka akan ditampilkan dengan jelas dan tanpa blur.

Secara umum, layanannya bagus. Sederhana, nyaman, tidak ada yang berlebihan.

Realfavicongenatorator.net.

- Ini adalah generator Favon yang lebih sederhana yang memungkinkan Anda membuat favonon untuk platform apa pun. Selain itu, sumber daya dapat diuji oleh Favon. Masukkan URL situs Anda dan Anda akan melihat bagaimana Favon Anda terlihat di setiap browser dan masing-masing sistem operasi. Real Favicon Generator juga akan meminta Anda bagaimana memperbaiki kekurangan dan membuat Phavicon Anda lebih baik.

Favicon.by.

Favicon.by.- generator favon gratis dan mudah digunakan, yang mengkonversi file png., Jpg dan gif dalam format.ico. Muat gambar dari komputer Anda, pilih Ukuran (16x16px atau 32x32px) dan klik tombol "Buat". Untuk menyimpan Favon yang diterima di situs web Anda, ikuti instruksi.

Juga, layanan memungkinkan untuk menggambar logo pada piksel, tetapi, jujur \u200b\u200bsaja, itu bukan untuk semua orang. Misalnya, saya tidak bisa. Di sini saya sangat penting :)

Cara Menambahkan Favon ke Situs

Anda dapat menambahkan Favon ke situs dengan membuat beberapa pengeditan dalam HTML - kode halaman situs.

Langkah 1: Unduh file "favicon.ico" ke server hosting Anda.

Untuk melakukan ini, buka server FTP Anda pada tautan ini:
Ftp: // [Dilindungi Email]
Masukkan nama pengguna dan kata sandi Anda. Mereka dapat diperoleh di panel administrator perusahaan hosting Anda.
Muatkan file dengan favoks di direktori root. Direktori root biasanya disebut "Public_HTML" atau "www".

Langkah 2: Tambahkan Favon ke HTML.

Memegang jendela FTP server terbuka, unduh file "index.html" atau "header.php".
Maka Anda perlu mengunggah kode. Kode yang dapat diunduh tergantung pada situs web Anda.
Jika situs Anda menggunakan HTML, temukan area kepala di file index.html dan masukkan kode berikut:

Jika situs Anda ada di WordPress, temukan area kepala di file header.php dan masukkan kode berikut:

/Favicon.ico "/\u003e

Dengan kode-kode ini, browser akan dapat menemukan Favo Anda.
Jadi, Anda menginstal Favon Anda!

Cara menambahkan Favon ke WordPress dan platform lain

Jika sumber daya Anda didasarkan pada WordPress atau CMS lain, maka tambahkan Favon ke situs ini sangat sederhana. Secara umum, algoritma untuk penambahan favicon untuk berbagai platform akan sama.
1. Anda harus pergi ke konsol situs.
2. Temukan bagian "Desain" atau "penampilan".

3. Buka bagian "Pengaturan Tema" dan temukan "Favon" di sana.

4. Unduh Favon dari komputer Anda.

5. Simpan dan perbarui halaman.

Cara Membuat Favona Lebih Kompleks

Artikel ini membahas cara-cara sederhana dan cepat untuk membuat Favonov kompatibel dengan praktis browser dan sistem operasi. Tetapi ketika datang ke desain dan pengembangan web, tidak ada batasan untuk kesempurnaan. Jika Anda ingin mempelajari cara membuat favon lebih kompleks, sentuh ikon untuk layar utama iOS, ikon antarmuka metro di Windows, ikon untuk Google TV dan banyak lagi, saya sarankan Anda membiasakan diri dengan bahan-bahan ini: favicon Cheat Sheet.. Ada informasi lengkap tentang topik dan diberi sumber yang baik. Ini adalah pilihan yang bagus untuk para desainer dan pengembang (termasuk saya), yang terus-menerus berusaha memperluas pengetahuan mereka.

Menggunakan favico.js, Anda dapat membuat favelfon dinamis dengan angka.

Anda mungkin juga membutuhkan favon dinamis, yang memiliki ikon digit yang berubah. Untuk membuat Favonov seperti itu, saya menyarankan Anda untuk menggunakan layanan ini favico.js.Tersedia di GitHub. Sedangkan perbaikan dinamis kompatibel dengan semua browser. Tetapi bagi browser yang mendukung mereka, ikon-ikon ini dapat menjadi tambahan yang menarik dan bermanfaat.