Saiz favicon untuk laman web anda

Dalam reka bentuk web, seperti yang anda mungkin tahu, setiap perkara-perkara terperinci. Orang yang pergi ke laman web anda, tidak boleh melihat setiap elemen secara berasingan, dan mengambil keseluruhan imej pakej, yang terdiri daripada butiran kecil yang lain. Oleh itu, jika anda telah hilang sesuatu dalam proses membangunkan sumber, butiran ini pada masa akan datang boleh merosakkan keseluruhan kompleks, keseluruhan komposisi.

denda itu boleh, sebagai contoh, latar belakang butang, fon tidak betul beberapa item kecil dan juga favicon. Malah, melihat sami- besar, laman web yang terkenal mempunyai ikon individu yang mewakili dalam "Penanda buku" di pelayar pengguna. Tanpa itu, pemaju sumber gagal untuk mewujudkan komposisi yang mereka asalnya dicari.

Oleh itu, anda sedang mencipta satu reka bentuk untuk laman web ini, perlu menjaga butiran seperti favicon. Dalam artikel ini kita akan bercakap tentang bagaimana untuk memilih di bawah gaya sumber umum, dan apa saiz seharusnya berada di dalam imej.

laman icon

Pertama, kita menentukan apa yang merupakan elemen ini. Sekarang kita lihat pada tajuk tab penyemak imbas anda. Seperti yang anda lihat, ke kiri terdapat gambar kecil yang mewakili versi sederhana dari sumber logo. Gambar yang sama ada berhampiran nama laman web yang dipaparkan dalam SERPs. Bahawa pengguna dipandu oleh beliau, apabila mereka melihat tajuk.

Banyak webmaster memahami bahawa gambar ini diperlukan - tetapi tidak ramai yang tahu apa saiz favicon untuk laman web ini akan menjadi yang paling sesuai. Oleh itu, dalam artikel ini kita bukan sahaja akan memberikan maklumat mengenai bagaimana untuk membuat ikon tersebut dan cara memasangnya di laman web anda, tetapi juga untuk menggambarkan dimensi imej.

tujuan favicon

Jadi, picture terdekat header laman web ini adalah digunakan untuk pengenalan. Ini adalah tujuan asalnya: untuk menyatakan laman web, yang kita lihat Nathaniel, dan pilih ia di mata orang lain. Ia menjadi amat mudah dengan menggunakan grafik: kami intuitif melihat maklumat dalam gambar lebih cepat dan lebih mudah daripada dalam format teks. Favicon membantu kami dalam hal ini. Tetapi jangan lupa bahawa saiz favicon adalah minimum di mata pengguna. Ini bukan satu logo di tapak "cap" yang mungkin mengandungi maklumat tambahan dalam bentuk tulisan, beberapa maklumat penjelasan atau kenalan. Apa-apa sahaja yang boleh digambarkan dalam ikon di sebelah nama, harus yang paling sesuai dengan saiz favicon. Dan ia adalah, seperti yang telah dinyatakan, kecil yang (16 sebanyak 16 piksel).

Bagaimana untuk memilih favicon a?

Jadi bagaimana webmaster yang boleh mereka bentuk ikon untuk laman web anda? Ia harus diperhatikan bahawa hanya memampatkan logo laman web ini, kemungkinan besar, tidak akan berjaya. Pada poster yang diletakkan dalam bentuk logo sumber tertentu, sering melihat perkara yang berbeza yang tidak akan sentiasa dipaparkan dengan betul dalam bentuk kecil. Ia adalah lebih baik untuk segera meninggalkan usaha ini.

Sudah tentu, saiz favicon tidak boleh bercakap tentang itu hanya memasukkan tulisan di sana. Mana-mana teks akan hanya tidak boleh dilihat dengan resolusi ini. Kita perlu membangunkan ikon baru yang akan menghantar gaya laman web. Untuk mencari penyelesaian, sekali lagi, mari kita lihat tempat-tempat utama.

Banyak menggunakan favicon surat pertama gaya dalam nama perkhidmatan. Datanglah, sebagai contoh, Bing, Yahoo, Yandex, Wikipedia, Google. Terdapat pendekatan lain - jika anda mempunyai nama singkat laman web ini, anda boleh menetapkan ia sebagai latar belakang ikon. Untuk favicon resolusi (pixels ia sampai, sekali lagi, 16 hingga 16 mata) dengan betul boleh menunjukkan tanda, ia mesti tidak lebih dari tiga huruf. Begitu juga, sebagai contoh, perkhidmatan Aol.

Cara membuat favicon a?

Membuat ikon untuk nama laman web dalam beberapa cara. Sudah tentu, yang paling mudah - adalah untuk bekerja dengan penyelesaian yang sedia dibuat berbeza. Kita boleh bercakap tentang apa-apa perkhidmatan atau program yang membolehkan anda untuk membuat imej ikon penuh dengan mengurangkan ia. Walau bagaimanapun, saya akan mengesyorkan untuk melaksanakan pembangunan logo sendiri. Ini adalah, pertama, akan membuat ia mungkin untuk mempelajari sesuatu; dan kedua, untuk menyediakan sejumlah besar alat. Semua yang anda perlu dapat melakukan seri itulah petunjuk, serta tahu apa favicon saiz berada dalam versi akhir. Kira-kira saiz ikon untuk laman web ini, kita akan bercakap kemudian, tetapi buat masa ini kita perhatikan beberapa perihal tersirat bekerja dengan imej tersebut. Khususnya, untuk tidak menyebut saiz favicon untuk laman web, perlu menjelaskan nisbah aspek ini. Seperti yang dinyatakan oleh pereka berpengalaman, gambar perlu disimpan sebagai .PNG (24-bit) atau sebagai fayl.ICO.

Melaksanakan menyimpan gambar, anda boleh, sebagai contoh, dengan bantuan Photoshop, di mana ia akan tertarik lambang.

Ukuran favicon

Jadi sekarang mari kita bercakap tentang bagaimana besar perlu menjadi gambar yang kita lihat di sebelah ke laman web dalam hasil carian. Secara lalai, seperti telah disebutkan, saiznya hanya 16 piksel (pada setiap sisi). Walau bagaimanapun, jika anda cuba untuk mengedit imej dalam "Photoshop", semak untuk diri sendiri sama ada ini adalah tidak selesa. Oleh itu, kami mengesyorkan berurusan dengan imej yang lebih besar, yang pada masa depan akan hanya memerah tepi dan disimpan dalam format yang dikehendaki.

berbilang

Walau bagaimanapun, bercakap mengenai apa saiz favicon hendaklah di atas laman web anda, anda perlu ingat satu perkara lagi. Tidak semua platform sama-sama mencerminkan gambaran sumber. Sebagai contoh, peranti Retina paparan "melihat" favicon anda dalam jumlah 32-32 piksel. Dalam Safari, dan pada platform Windows yang baru, dan semua ikon ini mencapai saiz 64 piksel.

Oleh itu kami mengesyorkan untuk mengekalkan versi yang berbeza daripada ikon pada masa akan datang semata-mata untuk menyediakan perubahan bergantung pada platform pengguna. Satu lagi perkara yang menarik - anda boleh cuba untuk memuat turun ikon dalam format terbesar dengan harapan bahawa ia akan "mengecut", bergantung kepada pelayar.

editor asing

Sudah tentu, baik jika anda pandai Photoshop dan tahu apa favicon saiz perlu dan bagaimana untuk mencapainya, memelihara imejnya. Walau bagaimanapun, terdapat banyak pemula yang baru tidak mengalami editor grafik begitu ketat sebelum ini, jadi mungkin tidak begitu mudah untuk menarik imej yang dikehendaki. Untuk membantu webmaster ini, terdapat pelbagai perkhidmatan yang membolehkan secara automatik membuat anda berminat untuk ikon. Ramai daripada mereka adalah lebih bebas, yang tidak memerlukan apa-apa pelaburan dari pengguna.

Untuk bekerja kadang-kadang hanya perlu mendaftar, tetapi, seperti yang anda tahu, ini dilakukan hanya sekali - sebenarnya tidak selalu syarikat menukar favicon. Lihat sahaja Google, yang setiap hari perubahan logo, tetapi ia tidak menyentuh ikon.

Cara Pasang favicon a?

Secara umum, menyediakan laman web anda supaya ia betul memaparkan imej yang anda mahu, ia adalah sangat mudah. Ia sudah cukup untuk melaksanakan satu siri langkah-langkah mudah yang akan membolehkan enjin carian, serta hanya pelayar untuk membaca maklumat.

Untuk ini, anda perlu untuk menyelamatkan imej yang terhasil sebagai favicon.ico dan memasukkannya ke dalam punca sumber. Segala-galanya kini imej anda akan dikesan secara automatik, dan kejadian itu beberapa kali ia akan dihubungkan dengan laman web anda.

Di samping itu mengikat, anda boleh menambah baris lain, yang akan "segera", di mana ikon anda. Ia kelihatan seperti berikut:

Menetapkan kod seharusnya berada di dalam pengepala.

penemuan

Jadi, selepas membaca artikel ini, anda berurusan dengan fakta, apa saiz harus favicon untuk laman web ini dan ia biasanya. Juga, saya rasa anda faham bahawa mencari ikon yang sesuai untuk laman web anda - ia adalah satu keperluan, kerana ia memainkan ke tangan anda dari segi meningkatkan kesedaran, baik dari segi peruntukan tambahan di kalangan pesaing anda. Sekurang-kurangnya dengan laman web utama bertindak dengan cara yang sama bahawa kita boleh mengambil sebagai contoh menonjol. Dan kemudian, banyak usaha ia tidak menyebabkan - membuat favicon sekali dan memasang dengan betul di laman web anda, anda boleh lupa tentang hal itu selama beberapa bulan akan datang.

Jadi berasa bebas untuk bereksperimen, mengada-adakan sesuatu yang baru, cuba - dan berjaya!