Sejujurnya, saya sangat menyukai favicon. Saya memiliki cinta platonis yang dalam dan murni padanya. Ini tidak berarti bahwa saya menceritakan kisah sesama webmaster tentang bagaimana saya mengubah favicon dan lalu lintas meningkat sebesar 10% (walaupun tunggu... mungkin itu terjadi), tetapi itu berarti ketika favicon situs baru saya muncul di Indeks Yandex, situs itu sendiri mulai tampak lebih SDL bagi saya.

Apa itu favicon?

Favicon (Favicon – kependekan dari “ikon favorit”) adalah gambar yang ditampilkan di bilah alamat browser sebelum alamat, di tab yang sesuai dengan jendela dengan halaman terbuka situs, serta saat menambahkan sumber daya ke tab favorit. Gambar-gambar ini dapat membantu pengguna lebih mengingat merek atau perusahaan dan meningkatkan pengenalan situs. Seringkali, gambar logo perusahaan atau merek yang diperkecil atau sedikit diubah digunakan sebagai favicon.

Manfaat menggunakan favicon

Menggunakan favicon membawa manfaat seiring berjalannya waktu. Misalnya, lihat opsi berikut:

• Saat pengguna membuka banyak tab di browser, dia dapat segera menentukan di tab mana situs tersebut berada, meskipun teks dengan nama tersebut tidak lagi ditampilkan;
• Dalam hasil pencarian Yandex, favicon ditampilkan di sebelah kiri situs atau halamannya, yang menarik perhatian pengunjung dan membedakannya dari orang lain;
• Gambar tersebut diingat dengan baik dan tetap diingat - sebagai hasilnya, situs menjadi lebih mudah dikenali dan menarik bagi pengguna.

Jadi, favicon adalah bagian dari gambar situs, yang tidak hanya menjalankan fungsi estetika, tetapi juga memudahkan pengguna untuk mencari portal di bookmark, tab, dan hasil pencarian.

Fitur Yandex bekerja dengan favicon

Mesin pencari Yandex adalah salah satu dari sedikit mesin pencari yang menyorot favicon situs dan menampilkannya saat membuat daftar hasil pencarian. Untuk melakukan ini, bot khusus secara berkala mengindeks situs dan memperbarui informasi tentang keberadaan favicon.

Sebelumnya, pembaruan favicon terjadi setiap beberapa bulan sekali. Sekarang, pada tahun 2018, Yandex mengindeksnya dengan lebih intensif dan di beberapa situs baru saya, favicon tersebut muncul dalam beberapa hari.

Untuk memeriksa apakah Yandex menampilkan favicon, Anda dapat menemukan portal Anda di daftar pencarian dan melihat apakah ikon tersebut terlihat di sebelah kirinya. Anda juga dapat memasukkan konstruksi berikut di bilah alamat: untuk Yandex - http://favicon.yandex.net/favicon/www.site.ru (di mana alih-alih www.site.ru Anda perlu mengetikkan domain situs Anda ). Favicon yang dibuat dengan benar akan ditampilkan dengan latar belakang hitam, yang berarti Yandex melihatnya.

Jika favicon tidak terlihat, hal ini mungkin disebabkan oleh alasan berikut:

• Ukuran gambar tidak sesuai dengan ukuran yang dibutuhkan: 16x16 piksel;
• Format gambarnya tidak sama - harus ico, jpeg atau png (opsi pertama lebih disukai untuk Yandex);
• Gambarnya buram atau tidak unik - terkadang karena alasan ini mesin pencari memblokir ikon;
• Yandex sedang memperbarui sistem - kemudian setelah beberapa waktu semuanya akan membaik dengan sendirinya;
• Situs ini terletak lebih jauh dari posisi keseratus dalam hasil pencarian - dalam hal ini, favicon mungkin juga tidak ditampilkan.

Setelah memeriksa gambar sesuai kriteria tersebut, Anda perlu memperbaiki kekurangannya. Jika setelah itu ikon tidak ditampilkan, Anda dapat menghubungi dukungan Yandex.

Agar favicon dapat ditampilkan di Yandex.Direct, favicon harus dirancang dengan benar dan ditempatkan di tempat yang tepat di situs. Kemudian robot pencarian Yandex akan mengindeksnya dan mulai menampilkannya di hasil pencarian. Ini biasanya terjadi 2-4 minggu setelah situs dipublikasikan dengan perubahan. Tidak perlu memberi tahu atau meminta Yandex untuk mempublikasikan favicon; ini akan terjadi secara otomatis setelah waktu tertentu berlalu setelah muncul di portal.

Cara membuat favicon

Jika Anda ingin membuat file ico dari gambar berukuran besar dengan format misalnya png, maka ada baiknya Anda menginstal Adobe Photoshop terlebih dahulu. Kemudian plugin ICO untuk Photoshop diinstal (cari plugin untuk versi FS Anda di mesin pencari). Ketika sudah diinstal, kami menyalin file yang diinginkan ICOFormat.8bi (untuk 32-bit) atau ICOFormat64.8bi (untuk 64-bit) ke salah satu jalur berikut:

C:\Program Files\Adobe\Adobe Photoshop CS6 (64 Bit)\Plug-in\Format File
C:\Program Files (x86)\Adobe\Adobe Photoshop CS6\Plug-in\Format File

Jika tidak ada folder “Plug-in” atau “File Formats”, maka Anda perlu membuatnya. Sekarang dalam dialog simpan Anda dapat memilih format ico. Ukuran ikon yang dibuat bisa kelipatan 8 (16×16, 24×24, 32×32, dan seterusnya, namun yang paling dapat diandalkan adalah memilih 16×16).

Gambar yang akan menjadi favicon kemudian dibuka di Photoshop. Klik “Gambar – Ukuran Gambar” dan ukuran gambar berubah menjadi 16x16 piksel. Lalu tekan “File – Save as” dan pilih format ICO (nama file harus favicon.ico).

Saya sendiri baru-baru ini mengkonversi gambar ke format ico tanpa Photoshop. Menggunakan layanan https://realfavicongenerator.net/.

Setelah beberapa waktu, favicon akan muncul di situs.

Beberapa orang pintar membuat favicon berbentuk panah, segitiga, dan menambahkan elemen merah agar pengguna mengklik. Hal ini, tentu saja, dapat dilakukan, tetapi untuk ini situs tersebut dapat diturunkan secara artifisial.

Yandex membuat takut para pecinta favicon

Saat mendesain ikon, perlu diingat bahwa gambar harus jelas dan terlihat jelas, meskipun formatnya kecil. Oleh karena itu, lebih baik menggunakan objek individual sesedikit mungkin dan tidak terlalu banyak warna. Anda dapat melihat favicon pesaing dan memikirkan bagaimana Anda dapat menonjol dari mereka.

Layanan

Ada juga program dan sumber daya khusus untuk membuat ikon, di antaranya yang populer adalah sebagai berikut:

• favicon.cc - editor paling sederhana yang memungkinkan Anda membuat gambar sederhana, prinsip pengoperasiannya agak mirip Paint. Warna juga dipilih, dan gambar dibuat dengan mengklik kotak piksel yang perlu dicat. Ada alat perbaikan. Gambar yang dibuat juga dapat disimpan ke komputer Anda sebagai gambar favicon yang sudah jadi. Saat Anda bekerja, di bagian bawah layar Anda dapat melihat hasil awal dalam bentuk yang akan ditampilkan di browser. Sumber daya ini juga menawarkan banyak pilihan ikon siap pakai;
• favicon.ru – di sini lebih baik membuat favicon dari gambar yang sudah jadi. Gambar tersebut diunduh dari komputer, diproses oleh sistem dan diubah menjadi file favicon.ico, yang kemudian dapat diunduh;
• iconj dan audit4web adalah database tempat Anda dapat menemukan favicon yang sudah jadi.

Ada juga layanan seperti itu:

Anda dapat beralih ke desainer untuk mengembangkan gambar, tetapi biayanya jauh lebih mahal.

Hal lainnya adalah bahwa gambar untuk ikon tidak dapat dianimasikan, selalu tidak bergerak, meskipun gambar dengan efek non-statis digunakan sebagai dasarnya.

Sekarang ikon situs pribadi - Favicon - adalah semacam kartu nama sumber daya web apa pun. Ikon ini menyoroti portal yang diinginkan tidak hanya di daftar tab browser, tetapi juga, misalnya, di hasil pencarian Yandex. Favicon, sebagai suatu peraturan, tidak melakukan fungsi lain apa pun selain meningkatkan kesadaran situs.

Membuat ikon untuk sumber daya Anda sendiri cukup sederhana: Anda menemukan gambar yang sesuai atau menggambarnya sendiri menggunakan editor grafis, lalu mengompres gambar ke ukuran yang diinginkan - biasanya 16x16 piksel. Simpan hasilnya ke file favicon.ico dan letakkan di folder root situs. Namun prosedur ini dapat disederhanakan secara signifikan dengan menggunakan salah satu generator Favicon yang tersedia di Internet.

Kebanyakan editor ikon web menawarkan semua alat yang diperlukan untuk membuat Favicon. Dalam hal ini, tidak perlu menggambar dari awal - Anda dapat menggunakan gambar yang sudah jadi.

Metode 1: Favicon.by

Generator favicon online berbahasa Rusia: sederhana dan visual. Memungkinkan Anda menggambar ikon sendiri menggunakan kanvas 16x16 bawaan dan daftar alat minimal, seperti pensil, penghapus, pipet, dan isian. Ada palet dengan semua warna RGB dan dukungan transparansi.

Jika mau, Anda dapat mengunggah gambar yang sudah jadi ke generator - dari komputer Anda atau sumber web pihak ketiga. Gambar yang diimpor juga akan ditempatkan di kanvas dan tersedia untuk diedit.

Hasilnya, Anda mendapatkan file ICO grafis bernama favicon dan resolusi 16x16 piksel. Ikon ini sudah siap digunakan sebagai ikon website Anda.

Metode 2: Editor Ikon X

Aplikasi browser HTML5 yang memungkinkan Anda membuat ikon detail hingga ukuran 64x64 piksel. Berbeda dengan layanan sebelumnya, X-Icon Editor memiliki lebih banyak alat menggambar dan masing-masing dapat dikonfigurasi secara fleksibel.

Seperti di Favicon.by, di sini Anda dapat mengunggah gambar yang sudah jadi ke situs dan mengubahnya menjadi favicon, mengeditnya dengan benar jika perlu.

Jika Anda ingin mempertahankan detail gambar yang ingin Anda ubah menjadi favicon, X-Icon Editor sangat cocok untuk ini. Kemampuan menghasilkan ikon dengan resolusi 64x64 piksel menjadi keunggulan utama layanan ini.

Halo teman teman! Pada artikel ini, kita akan mengetahui bagaimana Anda dapat membuat favicon untuk sebuah situs dan kemudian menginstalnya sehingga sumber daya unik Anda menonjol di antara sumber daya serupa lainnya.

Kami juga akan mempertimbangkan layanan gratis (generator online) yang membantu menyederhanakan tugas secara signifikan dan membuat favicon dalam beberapa menit.

Anda mungkin memperhatikan bahwa hampir semua situs web memiliki gambar asli di tab browser.

Gambar ini disebut Favicon (baca Favicon).

Pada suatu waktu, saya menghabiskan banyak waktu untuk membuat Favicon untuk blog saya, karena saya kurang perfeksionisme, meskipun sekarang saya mengerti bahwa semuanya bisa disederhanakan.

Awalnya, saya sarankan Anda mencari tahu mengapa favicon terkenal itu diperlukan di situs yang Anda cari.

Favicon (favicon) atribut apa ini?

Favicon adalah atribut sumber daya yang kita lihat di tempat khusus di halaman browser. Tidak semua pemilik situs web mengetahui bahwa ikon kecil ini dapat memengaruhi efektivitas promosi blog dan pada akhirnya bermanfaat bagi sumber daya Anda.

Bentuk kata Favicon terdiri dari sepasang kata bahasa Inggris Favorites Icon (gunakan penerjemah). Hampir setiap proyek Internet memiliki logo mini sendiri yang ditampilkan di tab browser. Ukuran file icon 16x16 pixel dan berekstensi ico (penyimpanan icon untuk Windows).

Menampilkan favicon di bookmark browser

Seringkali huruf yang mengawali nama situs ditempatkan pada ikon ini, meskipun ada opsi lain, misalnya, saya membuat huruf pertama nama saya. Saya perhatikan bahwa Favicon tidak hanya terlihat di tab yang terbuka, tetapi juga di hasil mesin pencari, meskipun tidak semuanya.

Apa manfaat Favicon untuk situs web?

Pertama-tama, kehadiran favicon meningkatkan daya tarik sebuah blog, misalnya di hasil pencarian. Situs tanpa ikon kurang menarik perhatian dibandingkan situs dengan favicon cerah. Selain itu, favicon telah terbukti meningkatkan kepercayaan pengguna; penelitian khusus telah dilakukan mengenai hal ini;

Oleh karena itu, cobalah membuat ikon yang cerah dan menarik yang bersinggungan dengan tema situs Anda.

Menampilkan favicon di hasil pencarian

Kedua, penggunaan favicon dapat meningkatkan pengenalan website. Seseorang mungkin lupa nama sumber daya yang dia kunjungi sebelumnya, tetapi dia akan mengingat ikon cerahnya untuk waktu yang lama. Ternyata berkat favicon, orang-orang akan dapat menemukan situs Anda lagi jika mereka menyukainya.

Cara membuat Favicon untuk website

Ada beberapa cara membuat icon untuk favicon, mari kita lihat yang paling sederhana dan populer.

Koleksi siap pakai Favicon

Jika Anda tidak ingin repot membuat gambar untuk favicon, kumpulan gambar yang sudah jadi bisa membantu Anda.

Sedangkan untuk memilih gambar, Anda harus dipandu oleh konten tematik situs. Jadi misalnya untuk portal tentang mobil Anda bisa memasang ikon berbentuk mobil, di situs tentang bisnis dan keuangan - favicon berbentuk dolar, dan sebagainya.

Jika Anda tidak tahu apa-apa tentang gambar tersebut, Anda cukup membuat gambar yang menggambarkan satu atau beberapa huruf, yang dengannya Anda dapat mengetahui nama atau konten tematik situs tersebut. Misalnya, di situs web Odnoklassniki.ru, huruf “OK” ditempatkan di favicon, yang dengannya Anda dapat segera mengetahui jenis jejaring sosial itu.

Sumber daya dengan ikon:

1. http://www.thefavicongallery.com/- kumpulan kecil gambar dari berbagai topik. Total ada sekitar 300 ikon dalam koleksinya. Setiap favicon masa depan dapat dilihat diperbesar dan kemudian disimpan ke komputer Anda
2. - berisi lebih dari 3 ribu gambar untuk favicon. Layanan ini memungkinkan Anda menyimpan gambar dalam format .
3. - kumpulan favicon yang sangat besar, yang jumlahnya pada saat penulisan ini adalah 228.839. Satu-satunya negatif adalah ada 20 ikon dalam satu halaman, dan untuk memilih salah satu yang Anda suka, Anda harus menggulir dalam waktu lama.
4. - Saya tidak tahu jumlahnya, tapi ada banyak ikon yang sudah jadi; ketika Anda mengklik salah satu yang Anda suka, favicon segera diunduh ke komputer Anda.
5. — sumber daya dengan sejumlah besar ikon siap pakai untuk semua kesempatan, yang pada saat penulisan ini terdapat lebih dari 384 ribu yang dikelompokkan menjadi 7 ribu grup. Ikon dapat diunduh dalam berbagai format dengan resolusi yang diperlukan.

Saya pikir layanan ini akan cukup untuk membantu Anda memilih favicon siap pakai yang Anda perlukan untuk situs web Anda.

Editor grafis

Jika Anda ingin membuat favicon unik untuk situs web Anda, editor grafis dapat membantu Anda. Pada tahap awal, favicon adalah file grafik biasa, yang kemudian berubah menjadi ikon dengan ukuran yang diperlukan.

Saya membuat favicon masa depan untuk situs web saya di editor favorit semua orang, Adobe Photoshop. Saya membuat gambar yang saya butuhkan, berukuran 800x800 piksel, dan kemudian mengonversinya ke format yang diperlukan - 16x16 piksel.

Gambar di mesin pencari

Cara paling sederhana namun cukup efektif untuk menemukan favicon masa depan yang sesuai dengan tema website Anda.

Di bilah pencarian di bagian tersebut Gambar masukkan kueri topikal yang menyertakan kata "ikon" dan dapatkan daftar gambar yang lengkap, salah satunya nantinya akan berfungsi sebagai favicon untuk situs Anda.

Gambar sebaiknya dicari dengan background transparan (ekstensi PNG), ukuran tidak masalah. Selanjutnya, kami mengubah gambar yang dipilih ke dalam format yang kami butuhkan.

Ikon di Yandex.Images

Layanan online untuk membuat Favicon

Untuk membuat favicon, Anda dapat menggunakan layanan online khusus yang memberikan kesempatan ini kepada siapa saja, gratis. Cukup mengunggah gambar yang disiapkan untuk ikon tersebut sehingga layanan mengubahnya menjadi favicon, yaitu file dengan ekstensi .ico.

Alternatifnya, dengan menggunakan layanan ini, Anda dapat membuat favicon Anda sendiri untuk situs secara manual, memilih warna untuk setiap sel, tetapi saya akan segera memperingatkan Anda bahwa ini adalah tugas tanpa pamrih. Secara pribadi, favicon terakhir saya ternyata jelek, membutuhkan bakat khusus, dan banyak waktu yang terbuang.

Berikut adalah daftar layanan terpopuler untuk pembuatan favicon online:

1. — Layanan pembuatan Favicon berbahasa Inggris
2. — analog berbahasa Rusia, ada satu kelemahan: saat menyimpan gambar akhir, latar belakang transparan awal berubah menjadi hitam, meskipun mungkin saya belum sepenuhnya mengetahui pengaturannya.
3. — memiliki dua antarmuka, Rusia dan Inggris. Saya sangat menyukai layanan ini dan merekomendasikannya kepada Anda juga.

Memasang Favicon di situs

Ada beberapa cara untuk memasang ikon yang dibuat sebagai favicon di situs web. Prosedur instalasi mungkin berbeda-beda tergantung pada platform tempat situs Anda dibangun.

Mari kita lihat opsi instalasi favicon paling populer.

Plugin adalah solusi paling sederhana

Jika Anda memiliki situs web di situs paling populer untuk blogger, semuanya sangat sederhana; untuk ini Anda dapat menggunakan plugin dengan nama yang sama. Metode ini adalah yang paling sederhana; tidak diperlukan pengetahuan tentang kode html.

1. Gunakan gravatar Anda; untuk melakukan ini, Anda harus mengkonfigurasi avatar yang diakui secara global. Biasanya ini adalah foto pemilik blog. Saya tidak menyarankan menggunakan opsi ini; setelah instalasi Anda akan mengerti alasannya.
2. File gambar yang sudah disiapkan sebelumnya. Untuk melakukan ini, Anda perlu menentukan URL eksternal gambar tersebut.
3. Favicon yang sudah jadi sudah terpasang di plugin secara default, yang jumlahnya tepat 100.

Memasang favicon menggunakan plugin

Fitur WordPress bawaan

Hampir semua tema WordPress berbayar (dan beberapa gratis) memiliki opsi bawaan untuk menambahkan Favicon ke blog Anda. Misalnya, opsi untuk tema blog saya terlihat seperti ini.

Pelajaran ini mencakup pembuatan Favicon, Anda akan mempelajari mengapa ikon ini diperlukan, dan Anda akan menerima rekomendasi untuk meningkatkan tampilan dan daya tariknya.

Selain itu, kita akan melihat proses pembuatan dan penambahan Favicon untuk sebuah situs.

favicon- ini adalah ikon kecil yang dapat Anda lihat di bilah alamat browser Anda dan di tab halaman yang terbuka, dan saat Anda menambahkan situs ke bookmark browser Anda, ikon ini juga ditambahkan di sana.

Selain itu, mesin pencari Yandex menampilkan ikon Favicon di hasil pencarian di sebelah situs Anda. Tugas Anda adalah membuat ikon ini menonjol, diingat, menarik perhatian dibandingkan ikon lain di hasil pencarian, dan juga memiliki kaitan dengan situs Anda. Favicon yang dirancang dengan indah dan menarik perhatian dapat meningkatkan jumlah kunjungan ke situs Anda secara signifikan dibandingkan dengan situs yang tidak menginstalnya atau memiliki tampilan yang tidak menarik.

Berikut beberapa pedoman yang perlu dipertimbangkan saat membuat Favicon.

#1.

Ikon tersebut harus mudah dikenali dan memiliki kaitan dengan situs Anda atau niche situs Anda. Sebagai ikon, Anda dapat menggunakan logo atau simbol yang membangkitkan asosiasi dengan situs Anda. Selain itu, Anda dapat menggunakan skema warna di mana situs web atau logo Anda dibuat.

#2.

Jangan gunakan ikon standar. Banyak orang, setelah membuat situs web di CMS tertentu, meninggalkan ikon tersebut tanpa mengubah apa pun. Akibatnya, hasil mesin pencari mungkin berisi lebih dari satu situs dengan ikon seperti itu, tetapi banyak. Ini tidak akan membuat situs Anda menonjol, jadi gunakan hanya Favicon unik yang dibuat khusus untuk situs Anda. Ini juga mencakup situasi ketika ikon dari berbagai koleksi atau elemen antarmuka situs lain digunakan. Ingat, untuk menonjol Anda memerlukan Favicon yang unik.

#3.

Saat membuat ikon, coba gunakan warna yang lebih cerah dan terang agar lebih menarik perhatian.

#1.

Buat dokumen baru di Photoshop berukuran 64*64px, untuk melakukannya, buka menu "File" >> "New..." atau tekan pintasan keyboard Ctrl+N. Secara umum, ikon itu sendiri harus berukuran 16*16 piksel, tetapi lebih baik membuatnya terlebih dahulu dengan ukuran yang sama, lalu memperkecilnya ke ukuran yang diperlukan.

#2.

Dalam kasus saya, saya tidak memiliki logo apa pun untuk situs tersebut, jadi saya memutuskan untuk menggunakan simbol “W” yang mengawali alamat situs, serta warna yang mendominasi di bagian atas situs: biru dan kuning. Jadi saya mengatur warnanya ke #6A91D0 dan menggunakan Bucket Tool (G) untuk memberi warna biru pada dokumen yang dibuat sebelumnya. #3. Setelah itu, saya memilih Type Tool (T), menambahkan simbol "W" dan memberinya nilai warna berikut #FAC31D.

Untuk membuat simbol lebih menonjol dengan latar belakang biru, saya menambahkan goresan hitam sebesar 2px ke dalamnya. Untuk melakukan ini, Anda perlu pergi ke item menu "Lapisan" >> "Gaya Lapisan" >> "Stroke", pilih warna dan ukuran guratan.

Setelah ini Anda perlu menggabungkan lapisan, untuk melakukan ini Anda perlu pergi ke item menu "Lapisan" >> "Gabungan Terlihat" atau tekan kombinasi tombol Shift + Ctrl + E.

Untuk membuat garisnya halus tanpa serif, saya menambahkan blur. Untuk melakukan ini, Anda perlu pergi ke item menu

"Filter" >> "Blur" >> "Gaussian Blur..." dan atur radiusnya menjadi 0,3 piksel. Tempatkan simbol atau gambar anda sedemikian rupa sehingga memakan ruang yang maksimal, karena jika kecil maka dengan ukuran icon 16*16 tidak akan terlihat.

#4.

Sekarang Anda perlu mengubah ukuran ikon. Untuk melakukan ini, Anda perlu masuk ke menu

"Gambar" >> "Ukuran Gambar"

dan atur ukurannya menjadi 16*16px.

Sekarang saatnya menambahkan Favicon ke situs Anda agar muncul di semua halamannya. Untuk melakukan ini, letakkan ikon di folder root situs Anda. Jika situs Anda sudah dihosting, folder ini biasanya disebut "public_html". Lalu, di setiap halaman situs Anda, sebelum tag penutup tambahkan baris berikut:

Namun baris ini harus ditambahkan ke setiap halaman jika Anda memiliki situs HTML. Namun karena, kemungkinan besar, situs Anda dibuat berdasarkan beberapa jenis CMS, maka Anda hanya perlu menambahkan baris ini ke file utama tema yang Anda gunakan untuk situs tersebut.

Jika Anda menggunakan WordPress, buka folder wp-content/themes/folder-with-your-theme/, cari dan buka file header.php, lalu tempel baris yang diperlukan dan simpan file.

Jika Anda menggunakan Joomla, buka templates/your-theme-folder/ dan buka file index.php, tempel baris yang diperlukan dan simpan.

Beberapa tema WordPress dan Joomla mungkin sudah memiliki jalurnya sendiri ke file favicon.ico, jadi hapuslah dan ganti dengan milik Anda.

Jika Anda menggunakan CMS lain, lakukan semuanya dengan analogi.

Pada tab halaman dan di bilah alamat browser, ikon Anda akan segera ditampilkan, sedangkan untuk hasil pencarian Yandex, di sini Anda memerlukan waktu untuk lewat dan robot pencarian Yandex khusus untuk menemukan ikon Anda, setelah itu akan muncul di hasil pencarian.

Materi yang disiapkan oleh proyek:

Dalam pelajaran hari ini saya akan menceritakannya kepada Anda Ikon favicon (favicon). akan kutunjukkan padamu cara membuat favicon.ico untuk website(atau untuk blog, tidak masalah) dan saya akan menunjukkan kepada Anda bagaimana hal itu mungkin masukkan favicon.

Pastinya masih banyak yang belum mengetahui “keajaiban” apa yang saya maksud. Sederhananya, Favicon adalah gambar (icon) yang muncul di browser sebelum alamat situs. Saya akan menunjukkan kepada Anda Favicon blog saya:

Ikon ini adalah semacam logo untuk blog Anda. Oleh karena itu, pembuatan favicon harus dilakukan dengan penuh tanggung jawab. Ingat, itu bisa membuat blog Anda menonjol dari yang lain.

Rencana Pelajaran:

1. Membuat Favicon dari awal.
2. Membuat favicon dari gambar yang sudah jadi.
3. Layanan dengan ikon siap pakai untuk situs.
4. Melampirkan ikon yang dihasilkan ke situs.

Cara membuat Favicon dari awal

Ada satu layanan yang sangat nyaman. Itu memiliki alamat favicon.cc. Layanan pembuatan favicon ini terlihat seperti ini:

Ke menggambar favicon Yang harus Anda lakukan hanyalah memilih warna dan mengecat saja. Jika Anda menggambar sesuatu, di suatu tempat yang salah, untuk menghapus sebagian gambar, pilih alat transparan (centang kotak) dan “tusuk” piksel (“kotak”) yang perlu dihapus:

Saya menggambar favicon berikut:

Yang paling saya suka dari favicon.cc adalah Anda bisa langsung melihat hasil karya Anda dalam ukuran aslinya. Untuk melakukan ini, Anda perlu turun sedikit ke bagian Pratinjau:

Atau Anda bisa melihat hasil pekerjaannya langsung di browser Anda (Opera, Firefox, Internet Explorer, dll):

Membuat favicon dari gambar yang sudah jadi

Katakanlah Anda tidak ingin membuat ikon untuk situs web Anda dari awal, namun ingin membuatnya dari gambar yang sudah jadi. Dalam hal ini, layanan untuk membuat favicon favicon.ru akan nyaman bagi Anda.

Layanan ini dalam bahasa Rusia, jadi Anda seharusnya tidak mengalami masalah. Cukup tunjukkan gambar yang ingin Anda lihat sebagai ikon situs Anda (tombol “Jelajahi”), lalu klik “ Buat favicon.ico", kemudian " Unduh favicon.ico”.