Favicon, brauzerinizdəki ünvan çubuğunun yanındakı o gözəl görüntüdür. Əlfəcinlər sekmesinde sitenizi fərqləndirən və marka şüurunu artırmaq üçün istifadə edilə bilən budur. Bir saytınız varsa, amma heç vaxt favorit yaratmağı düşünməmisinizsə, qərarınızı yenidən düşünməlisiniz. Proqram tərtibatçıları getdikcə tabletlərdəki ana ekran nişanları kimi tətbiqlərinin fərqli cəhətləri üçün favikonlardan istifadə edirlər. Xoşbəxtlikdən, bir favicon dizayn etmək, yaratmaq və həyata keçirmək, düzgün addımları atdıqları təqdirdə demək olar ki, hər kəsin edə biləcəyi bir şeydir.
Addımlar
Metod 1 /3: Faviconunuzu Dizayn edin
Addım 1. Veb saytınızı təmsil edən bir favicon yaradın
Sahib olduğunuz veb saytın növü, favoritinizin görünüşünü təyin etməlidir. Marka imicinizə uyğun və insanlar tərəfindən tanınacaq və yaddaqalan bir şey dizayn etməyə çalışın. İnsanlar brauzerlərindəki nişanlara baxdıqda gördükləri və insanların əlfəcinlərində görünən ilk şey favikonunuz olacaq.
- Məsələn, bir qida saytınız varsa, dizayn olaraq meyvə və ya tərəvəz olan bir favicon seçmək onu daha yaddaqalan edə bilər.
- Veb saytınız bir hüquq firması və ya investisiya şirkəti üçündirsə, ənənəvi və şık bir favicon ən yaxşısıdır.
- Veb saytınız gənclərə yönəldilmişdirsə, əyləncəli və rəngarəng bir favikon yaratmağa çalışın.
Addım 2. Şəffaf bir fon istəməyinizə qərar verin
Bir fon təyin etməsəniz, markanıza uyğun gəlməyən ağ rənglə doldurulacaq. Şəffaf bir fon, şəxsin brauzerinin rəngini alacaq və bəzi hallarda daha rasional görünür. Digər hallarda, arxa plan üçün bir rəngə sahib olmaq ön plandakı hərfləri və ya qrafikləri açacaq. Dizaynınız üçün ən yaxşısının nəyə uyğun olacağına qərar verin və onu hazırlayarkən unutmayın.
Ən əsas favicon 16x16 kvadratdır və fon rənginə malikdir
Addım 3. Oxunması asan olan bir favikon yaradın
İstifadə edəcəyiniz favicon görüntüsü kiçik olduğundan, ziyarətçilərinizi qarışdırmadan markanızı tanıda biləcəyiniz vacibdir. Oxumaq çətin olan bir favikon mənfi təəssürat buraxır və təqdim edə biləcəyiniz işin keyfiyyəti haqqında ziyarətçinin düşüncəsində suallar yarada bilər. Həddindən artıq mürəkkəb şəkillər və loqotiplər 16x16 və ya 32x32 pikseldə kiçildikdə yaxşı görünmür.
- Mövcud loqotipiniz çox mürəkkəbdirsə, onu sadələşdirmək üçün taktikalardan istifadə edə bilərsiniz, buna görə də favicon ölçüsündə tanına bilər. Bütün şirkətin adını göstərmək əvəzinə baş hərflərdən istifadə edin və ya şəkil istifadə etmək əvəzinə sadə bir simge dizayn edin.
- Əgər artıq sadə bir loqotipiniz varsa, görüntünü kiçiltib favikonunuz olaraq təyin edə bilərsiniz. Bir simge faylına çevirmədən əvvəl onu dəyişdirməlisiniz.
- Saytınızın ümumi mövzusunu izah edən bir obyektin şəklindən də istifadə edə bilərsiniz.
Addım 4. Estetik baxımdan xoş bir favikon yaradın
Favikonunuzun quruluşuna onun forması deyilir. Favikonlar ümumiyyətlə bir dairə və ya kvadrat kimi şəkillər alır. Favikonunuzu tərtib edərkən, bu əsas formalardan birinə uyğun gəlmək daha yaxşıdır, çünki sərbəst formalı şəkillər tez-tez 16x16 piksel qarışıq və ya qarışıq ola bilər. Dizaynınızın başqa bir vacib tərəfi estetik birlik adlanır. Estetik birlik, favikonunuzdakı müxtəlif komponentlərin detallarını və ölçülərini və favikonunuzun necə balanslaşdırıldığını ehtiva edir. Detallar nə qədər vahid olsa, favikonunuz o qədər vahid görünür. Məsələn, favikonunuzda fərqli yazı tipləri və ölçüləri istifadə etmək gözə xoş gəlmir və favikonunuzun qarışıq və ya qarışıq görünməsinə səbəb ola bilər.
- Estetik birliyin başqa bir nümunəsi, favikonunuzdakı formalar boyunca yuvarlaq küncləri qorumaqdır.
- Formasını dəyişən bir simvola yaxşı bir nümunə Google -un favikonudur. Kvadratdan dairəyə çevrildi.
Addım 5. Markanıza uyğun rənglərdən istifadə edin
Favikonunuzu yaratdığınız zaman onu 8 bit (256 rəng) və ya 24 bit (16.7 milyon rəng) rəng dərinliyində yaratmalısınız, çünki bu, müasir brauzerlərdə işləyəcək. Seçdiyiniz rənglərin veb saytınızda başqa yerdə tapıla biləcəyinə və ya markanızla bir şəkildə əlaqəli olduğuna əmin olun. Veb saytınızda, loqotipinizdə və ya tətbiqlərinizdə olmayan rəngləri olan bir favikon yaddaqalan olmayacaq və insanlar nişanı markanızla əlaqələndirə bilməyəcəklər.
- Favicon rənginin bəzi yaradıcı istifadəsi, sisteminizin vəziyyətindən asılı olaraq rəngləri dəyişdirən GitHub və fon rənginizə görə dəyişən Trello daxildir.
- Favikonlarda ən çox istifadə edilən rənglər qırmızı və mavidir.
Addım 6. Favikon hazırlayarkən auditoriyanızı nəzərə alın
Markanızı tanımaqdan başqa, favikonunuz ziyarətçilərinizə cəlbedici görünməlidir. Fərqli zövqlərə, maraqlara və cəmiyyət normalarına malik insanlar fərqli ikonologiyaya fərqli baxımdan baxacaqlar. Mədəni fərqliliklər cəmiyyətimizdə mövcuddur və cəlb etməyə çalışdığınız auditoriyanı çaşdıra və ya uzaqlaşdıra bilər.
Məsələn, Mac Os X poçt üçün universal bir simvol olan bir möhürdən istifadə edir. Poçt qutuları dünyanın müxtəlif yerlərində fərqli olduğu üçün bir poçt qutusu istifadə etmək o qədər də təsirli olmaz
Addım 7. Dostlarınızın və həmkarlarınızın fikirlərini öyrənin
Qrafik cəhətdən inanılmaz dərəcədə sıx olmasa da, favicon markanızın vacib hissəsidir. Məsələn, Twitter, Gmail, Facebook və ya wikiHow kimi sevdiyiniz veb saytları və favikonu marka ilə nə qədər əlaqələndirdiyinizi düşünün. Dizayn üçün yaxşı bir gözünüz yoxdursa və ya saytınız üçün hansı dizaynı seçməyiniz lazım olduğunu düşünürsünüzsə, dizayn üçün gözü olan və ya qrafik dizaynda çalışan dostlarınızla məsləhətləşin.
- Dostlarınızın şəbəkəsindən hər kəsin pulsuz dizayn məsləhətləri verə biləcəyini soruşun.
- Daha böyük şirkətlərin favicon imicini yarada bilən daxili qrafik dizaynerləri var.
Metod 2 /3: Favikonunuzu Yaratmaq
Addım 1. Favikonunuzu yaratmaq üçün foto tənzimləmə proqramından istifadə edin
Favikonunuz üçün şəkil yaratmaq üçün Adobe Photoshop və ya Illustrator kimi foto tənzimləmə proqramlarından istifadə edə bilərsiniz. Bu proqramlar həm də görüntünün ölçüsünü dəyişməyə və düzgün formatda ixrac etməyə imkan verir. Bəzi proqramlar favikonunuzu əl ilə yaratmağa imkan verir.
- İnternetdə tapa biləcəyiniz favicon xüsusi redaktə proqramları da var.
- Bir axtarış motorundan istifadə edin və "favicon redaktorları" yazın.
- Kətan ölçüsünüzü 512x512 piksel edin, çünki bu rəqəm ən çox tətbiq olunan favicon ölçülərinə bölünür və hələ də təsirli şəkildə redaktə edə biləcəyiniz qədər böyükdür.
- Digər məşhur foto tənzimləmə proqramlarına GIMP, PhotoScape və Paint. NET daxildir.
- Bu proqramı istifadə edərkən.ico fayllarını birbaşa redaktə edə bilməyəcəksiniz, ancaq.png,-j.webp" />
Addım 2. Sevimlinizin ölçüsünü dəyişin və qeyd edin
32x32 piksel, Windows masa üstü elementlərinin ölçüsüdür, 16x16 piksel isə brauzerinizin nişanındakı favikonların ölçüsüdür. Favikonunuzu daha böyük formatda yaratdıqdan sonra, ölçüsünü azaltmaq vacibdir ki, insanların brauzerlərində necə görünəcəyini görə biləsiniz. Oxunmursa və ya estetik baxımdan xoş deyilsə, orijinal dizaynınıza yenidən başlayın. Veb saytınızın və ya tətbiqinizin böyük ehtimalla istifadə ediləcəyi platformaları düşünün və sonra bütün bazalarınızı əhatə edəcək bir favicon yaradın.
- Fərqli hardware və proqram təminatının fərqli favicon ölçülərindən istifadə etdiyini qeyd etmək vacibdir.
- Bəzi digər favicon ölçülərinə standart iOS ana ekranı üçün 57x57px, iPad üçün 72x72px, Google TV üçün 96x96px, Chrome İnternet Mağazası üçün 128x128px və Opera Sürətli Axtarış üçün 195x195px daxildir.
- Bütün bazalarınızı əhatə etmək istəyirsinizsə, bu ölçülərin hər birində favikonunuzun versiyalarını yarada bilərsiniz.
- Etdiyiniz işi itirməmək üçün favikonunuzun ayrı versiyalarını qeyd edin.
Addım 3. Bir çeviricidən istifadə edərək fayllarınızı birləşdirin
. İco faylları ilə bağlı ən gözəl şey onu yaratmaq üçün birdən çox faylı birləşdirə bilərsiniz. Bu faydalıdır, çünki fərqli brauzerlər və proqramlar fərqli ölçülü bir favikon istəyəcək. Favikonunuzun bütün fərqli platformalarda yaxşı göründüyündən əmin olmaq üçün sənədlərinizi onlayn çeviricidən istifadə edərək çevirin. Bunu etmək üçün pulsuz onlayn tətbiqlər tapmaq üçün sevdiyiniz axtarış sisteminə "icon converter" yazın. Birləşdirilmiş faylı "favicon.ico" olaraq qeyd edin.
- Daxili xüsusiyyətə malik GIMP kimi bir proqramdan istifadə edə və ya Adobe Photoshop -a ICO FORMAT adlı bir plagin yükləyə bilərsiniz.
- Yeni qovluq yaradın ki, yeni favikonları saxlaya biləsiniz və ya işlər davam etdirilsin.
- İstifadə edə biləcəyiniz fərqli vasitələr tapmaq üçün axtarış sisteminə ".ico çevirici" və ya "favicon generatoru" yazın.
Metod 3 /3: Faviconunuzu həyata keçirin
Addım 1. Bir veb sayt redaktoru istifadə edirsinizsə favikonunuzu yükləyin
Bir çox veb redaktoru, favikonunuzu avtomatik olaraq veb saytınıza yükləməyinizə imkan verən daxili bir forma ilə gəlir. Daxili bir veb sayt redaktoru istifadə edirsinizsə, veb saytınızın parametrlər menyusunda "Favicon yüklə" və ya "Favicon əlavə et" yazan variantları axtarın. Favicon.ico faylınızı seçin və saytınıza yükləyin.
Veb sayt redaktorunuza favicon yükləmək üçün bir yer tapa bilmirsinizsə, bunu əl ilə etməlisiniz
Addım 2. Dosyanı saytınızın kök qovluğuna yükləyin
Veb saytınız Fayl Transfer Protokolunu və ya FTP -ni dəstəkləyirsə, yeni favicon.icon faylınızı kök (indeks) qovluğunuza yükləmək üçün FTP müştəri istifadə edə bilərsiniz. Əks təqdirdə, veb host səhifənizə daxil olmalı və şəkli əl ilə yükləməlisiniz. Mövcud favicon.ico faylını yeni faylla əvəz etməyi unutmayın.
Addım 3. Faylı başlığınıza əlavə edin
Saytınız üçün PHP və CSS fayllarına daxil ola biləcəyiniz yeri tapın. Sitenizin header.php faylına gedin və redaktə edin. Etiket növünün altında"
-
. Bu, saytınızı favikonunuza bağlamalıdır.
PHP istifadə etdiyiniz üçün, başlıq faylınızı istifadə edən hər hansı bir saytın indi eyni favikona sahib olacağı deməkdir
Öz Favicon Simgenizi Yaratın Adım 14 Addım 4. Brauzerinizi yeniləyin
Favikonu yükləməyi bitirdikdən sonra, yeni şəklinizi ünvan çubuğunun yanında görmək üçün brauzerinizi yeniləyə bilərsiniz. Yenilənmiş favikonunuzun görüntüsünə birbaşa getmək üçün "https://www.yourdomain.com/favicon.ico" yazın.
- Favikonunuz əvvəlcə görünmürsə, brauzerinizin önbelleğini sıfırlamalı ola bilərsiniz.
- Önbelleğinizi təmizləmək üçün brauzerinizin parametrlərinə gedin və Müvəqqəti İnternet Fayllarını, Çerezləri və Tarixçənizi silin.
