Ukuran favicon untuk situs Anda

Dalam desain web, karena Anda mungkin tahu, setiap detail hal-hal. Orang yang pergi ke situs Anda, tidak bisa melihat setiap elemen secara terpisah, dan mengambil seluruh gambar dari paket, yang terdiri dari rincian kecil lainnya. Jadi, jika Anda kehilangan sesuatu dalam proses pengembangan sumber daya, detil ini di masa depan dapat merusak seluruh kompleks, seluruh komposisi.

denda tersebut dapat, misalnya, latar belakang tombol, font yang salah beberapa barang kecil dan bahkan favicon. Memang, terlihat sami- besar, situs terkenal memiliki ikon individu yang mewakili dalam "Bookmarks" di browser pengguna. Tanpa itu, para pengembang sumber daya gagal menciptakan komposisi yang mereka awalnya dicari.

Oleh karena itu, Anda membuat desain untuk situs, harus mengurus rincian seperti favicon. Pada artikel ini kita akan berbicara tentang bagaimana untuk memilihnya di bawah gaya sumber daya umum, dan apa ukuran harus di gambar.

situs icon

Pertama, kita mendefinisikan apa yang merupakan elemen ini. Sekarang lihatlah judul tab browser Anda. Seperti yang Anda lihat, ke kiri ada gambar kecil yang merupakan versi sederhana dari sumber daya logo. Gambar yang sama ada di dekat nama situs yang ditampilkan di SERPs. Bahwa pengguna dipandu oleh dia, ketika mereka melihat judul.

Banyak webmaster memahami bahwa gambar ini diperlukan - tetapi hanya sedikit orang tahu apa ukuran favicon untuk situs yang paling sesuai. Oleh karena itu, dalam artikel ini kita tidak hanya akan memberikan informasi tentang bagaimana membuat icon seperti itu dan bagaimana cara menginstalnya di situs Anda, tetapi juga untuk menggambarkan dimensi gambar.

tujuan favicon

Jadi, gambar dekat header situs digunakan untuk identifikasi. Ini adalah tujuan aslinya: untuk mengekspresikan situs, yang kita lihat Nathaniel, dan pilih di mata orang lain. Hal ini menjadi sangat sederhana dengan menggunakan grafis: kita secara intuitif melihat informasi dalam gambar jauh lebih cepat dan lebih mudah daripada dalam format teks. Favicon membantu kami dalam hal ini. Tapi jangan lupa bahwa ukuran favicon minimal di mata pengguna. Ini bukan logo di "cap" situs yang mungkin berisi informasi tambahan dalam bentuk prasasti, beberapa informasi klarifikasi atau kontak. Apa pun yang dapat digambarkan dalam ikon di samping nama, harus menjadi yang paling cocok dengan ukuran favicon. Dan itu adalah, seperti yang sudah ditunjukkan, miniatur (dari 16 oleh 16 piksel).

Bagaimana memilih favicon?

Jadi bagaimana webmaster dapat merancang sebuah ikon untuk situs Anda? Perlu dicatat bahwa hanya memampatkan logo situs, kemungkinan besar, tidak akan berhasil. Pada poster yang diletakkan dalam bentuk logo dari sumber daya tertentu, sering melihat item yang berbeda yang tidak akan selalu benar ditampilkan dalam bentuk miniatur. Hal ini lebih baik untuk segera meninggalkan usaha ini.

Tentu saja, ukuran favicon tidak bisa bicara tentang itu hanya memasukkan prasasti di sana. Teks hanya akan tidak terlihat pada resolusi ini. Kita perlu mengembangkan ikon baru yang akan mengirimkan gaya situs. Untuk mencari solusi, sekali lagi, mari kita lihat di tempat-tempat utama.

Banyak menggunakan favicon bergaya huruf pertama dari nama layanan. Jadi datang, misalnya, Bing, Yahoo, Yandex, Wikipedia, Google. Ada pendekatan lain - jika Anda memiliki nama pendek dari situs ini, Anda dapat mengaturnya sebagai latar belakang ikon. Untuk favicon resolusi (piksel mencapai, sekali lagi, 16-16 poin) dengan benar dapat menunjukkan tanda, itu harus tidak lebih dari tiga huruf. Begitu juga, misalnya, layanan Aol.

Cara membuat favicon?

Membuat ikon untuk nama situs dalam beberapa cara. Tentu saja, yang paling mudah - adalah untuk bekerja dengan solusi siap pakai yang berbeda. Kita bisa bicara tentang layanan atau program yang memungkinkan Anda untuk membuat gambar ikon penuh dengan mengurangi itu. Namun, saya akan merekomendasikan untuk melakukan pengembangan logo sendiri. Hal ini, pertama, akan memungkinkan untuk belajar sesuatu; dan kedua, untuk menyediakan sejumlah besar alat. Semua yang Anda butuhkan untuk dapat melakukan imbang -yaitu, serta tahu apa favicon ukuran berada di versi final. Tentang ukuran ikon untuk situs ini, kami akan bicara nanti, tapi untuk saat ini kami mencatat beberapa seluk-beluk bekerja dengan gambar tersebut. Secara khusus, belum lagi ukuran favicon untuk situs, harus menjelaskan rasio aspek ini. Sebagaimana dicatat oleh desainer berpengalaman, gambar harus disimpan sebagai PNG (24-bit) atau sebagai fayl.ICO.

Lakukan menyimpan gambar, Anda dapat, misalnya, dengan bantuan Photoshop, di mana ia akan ditarik lambang.

dimensi favicon

Jadi sekarang mari kita bicara tentang betapa besar harus menjadi gambar yang kita lihat di sebelah situs dalam hasil pencarian. Secara default, sebagaimana telah disebutkan, ukurannya hanya 16 piksel (di setiap sisi). Namun, jika Anda mencoba untuk mengedit gambar dalam "Photoshop", periksa sendiri apakah ini tidak nyaman. Oleh karena itu, kami sarankan bekerja dengan gambar diperbesar, yang di masa depan akan hanya menekan tepi dan disimpan dalam format yang diinginkan.

multiplatform

Namun, berbicara tentang apa ukuran favicon harus di situs Anda, Anda harus ingat satu hal lagi. Tidak semua platform sama-sama mencerminkan gambaran sumber daya. Sebagai contoh, perangkat Retina display "melihat" favicon Anda dalam jumlah 32 hingga 32 piksel. Dalam Safari, dan pada platform Windows baru, dan semua ikon ini mencapai ukuran 64 piksel.

Oleh karena itu kami sarankan untuk menjaga versi yang berbeda dari ikon di masa depan hanya untuk memberikan perubahan yang tergantung pada platform pengguna. Hal lain yang menarik - Anda dapat mencoba untuk men-download ikon dalam format terbesar dengan harapan bahwa itu akan "menyusut", tergantung pada browser.

editor asing

Tentu saja, yang baik jika Anda pandai Photoshop dan tahu apa favicon ukuran seharusnya dan bagaimana mencapainya, melestarikan citra. Namun, ada banyak pemula yang baru tidak mengalami editor grafis begitu ketat sebelumnya, jadi mungkin tidak begitu mudah untuk menggambar gambar yang diinginkan. Untuk membantu webmaster ini, ada berbagai layanan yang memungkinkan secara otomatis membuat Anda tertarik ikon. Banyak dari mereka bahkan gratis, yang tidak memerlukan investasi apapun dari pengguna.

Untuk bekerja kadang-kadang hanya perlu mendaftar, tetapi, seperti yang Anda tahu, hal ini dilakukan hanya sekali - sebenarnya tidak begitu sering perusahaan mengubah favicon. Lihat saja Google, yang berubah setiap hari logo, tetapi tidak menyentuh ikon.

Cara Instal favicon?

Secara umum, membuat situs Anda sehingga benar menampilkan gambar yang Anda inginkan, itu sangat sederhana. Hal ini cukup untuk melakukan serangkaian langkah-langkah sederhana yang akan memungkinkan mesin pencari, serta hanya browser untuk membaca informasi.

Untuk ini, Anda harus menyimpan gambar yang dihasilkan sebagai favicon.ico dan meletakkannya di root sumber daya. Semuanya sekarang gambar Anda akan secara otomatis terdeteksi, dan insiden itu beberapa waktu itu akan terhubung ke situs Anda.

Selain mengikat ini, Anda dapat menambahkan baris lain, yang akan "prompt", di mana ikon Anda. Ini terlihat sebagai berikut:

Mengatur kode harus di header.

temuan

Jadi, setelah membaca artikel ini, Anda berurusan dengan fakta, apa ukuran harus favicon untuk situs dan bahwa itu umumnya. Juga, saya pikir Anda mengerti bahwa pencarian ikon yang cocok untuk situs Anda - itu adalah sebuah kebutuhan, karena memainkan ke tangan Anda baik dari segi meningkatkan kesadaran, baik dari segi alokasi tambahan di antara pesaing Anda. Setidaknya situs utama bertindak dengan cara yang sama bahwa kita dapat mengambil sebagai contoh yang menonjol. Dan kemudian, banyak usaha tidak menyebabkan - membuat favicon sekali dan menginstalnya dengan benar di situs Anda, Anda bisa lupa tentang hal itu untuk beberapa bulan ke depan.

Jadi jangan ragu untuk bereksperimen, menemukan sesuatu yang baru, cobalah - dan berhasil!