Veb dizaynında, yəqin ki, bildiyiniz kimi, hər bir detal önəmlidir. Resursunuza keçən şəxs elementlərin hər birini ayrıca görmür, əksinə bütün təsviri digər kiçik detallardan ibarət paket kimi qəbul edir. Beləliklə, resursunuzu inkişaf etdirmək prosesində nəyisə qaçırsanız, bu detal sonradan bütün kompleksi, bütün kompozisiyanı korlaya bilər.
Belə bir xırda şey, məsələn, düymənin fonu, hansısa kiçik elementin səhv seçilmiş şrifti və hətta favikon ola bilər. Həqiqətən, özünüz baxın - böyük, tanınmış saytlarda istifadəçinin brauzerinin "Əlfəcinlər" bölməsində onu göstərən fərdi bir simvol var. Bu olmasaydı, resursun tərtibatçıları əvvəlcə səy göstərdikləri kompozisiyanı yarada bilməzdilər.
Ona görə də saytınız üçün dizayn yaratarkən favikon kimi bir detala diqqət yetirməlisiniz. Bu yazıda biz onu resursun ümumi üslubuna necə uyğunlaşdırmaq, eləcə də bu şəklin hansı ölçülərdə olması barədə danışacağıq.
Sayt işarəsi
İlk olaraq bu elementin nə olduğunu müəyyən edək. Hal-hazırda, brauzer nişanınızın başlığına nəzər salın. Gördüyünüz kimi, onun solunda resursun loqosunun sadələşdirilmiş versiyasını göstərən kiçik bir şəkil var. Eyni şəkil axtarış nəticələrində göstərilən saytın adının yanında da var. İstifadəçi başlığı görəndə bunu rəhbər tutur.
Bir çox veb ustaları belə bir şəklin lazım olduğunu başa düşür - lakin az adam sayt üçün hansı favikon ölçüsünün ən uyğun olacağını bilir. Buna görə də, bu məqalədə biz yalnız belə bir ikonanın necə hazırlanacağı və onu resursunuza necə quraşdıra biləcəyiniz haqqında məlumat verməyəcək, həm də təsvir ölçüləri haqqında danışacağıq.
Favikonun məqsədi
Beləliklə, saytın başlığının yanındakı şəkil identifikasiya üçün istifadə olunur. Onun ilkin məqsədi budur: adını gördüyümüz saytı ifadə etmək və başqalarının gözündə onu fərqləndirmək. Bu, qrafiklərdən istifadə etməklə mümkün qədər sadə şəkildə edilir: biz şəkillərdəki məlumatları mətn formatından daha sürətli və asan qəbul edirik. Favikonlar bizə bunu etməyə kömək edir. Ancaq unutmayın ki, favikonun ölçüsü istifadəçinin gözündə minimaldır. Bu, saytın "başlığında" yazılar, bəzi dəqiqləşdirmələr və ya əlaqə məlumatları şəklində əlavə məlumatları ehtiva edən bir loqo deyil. Adın yanındakı ikonada göstərilə bilən hər şey mümkün qədər favikonun ölçüsünə uyğun olmalıdır. O, artıq qeyd olunduğu kimi, sadəcə olaraq miniatürdür (yalnız 16x16 piksel).
Necə seçilməlifavikon?
Bəs vebmaster öz saytı üçün ikona necə tərtib edə bilər? Qeyd etmək lazımdır ki, sadəcə saytın loqosunu sıxışdırmaq çox vaxt işləməyəcək. Müəyyən bir mənbənin loqotipi şəklində qoyulan emblemlərdə tez-tez müxtəlif elementlər görünür, bunlar həmişə miniatür formada düzgün göstərilməyəcəkdir. Belə bir işdən dərhal imtina etmək daha yaxşıdır.
Əlbəttə, favikonun ölçüsü ora sadəcə yazı daxil etməkdən danışmağa imkan vermir. İstənilən mətn bu qətnamədə sadəcə görünməz olacaq. Saytın üslubunu çatdıracaq yeni bir simvol hazırlamalıyıq. Həll yolu tapmaq üçün yenə ən böyük saytlara müraciət edək.
Bir çox insanlar favikon kimi xidmət adının stilizə edilmiş ilk hərfindən istifadə edir. Bu, məsələn, Bing, Yahoo, Yandex, Wikipedia, Google. Başqa bir yanaşma var - qısa sayt adınız varsa, onu ikonanızın fonu kimi təyin edə bilərsiniz. Favikonun ölçüsünün (piksellə, təkrar edirəm, 16 ilə 16 pikselə çatır) bu yazını düzgün göstərməsi üçün 3 hərfdən çox olmamalıdır. Məsələn, Aol xidməti bunu edir.
Favikon necə yaradılır?
Sayt adı üçün ikona yaratmağın bir neçə yolu var. Əlbəttə ki, ən asanı müxtəlif hazır həllər ilə işləməkdir. Bəzi xidmətlər və ya proqramlar haqqında danışa bilərik ki, onu azaldaraq tam hüquqlu bir təsvirdən simvol yaratmağa imkan verir. Bununla belə, belə bir loqotipi özünüz hazırlamağı məsləhət görərdim. Bu, ilk növbədə verəcəkdirbir şey öyrənmək imkanı; ikincisi, daha çox alət təmin edəcək. Bunun üçün nəyi çəkmək lazım olduğunu bilmək, həmçinin son versiyada favikonun hansı ölçüdə olması lazım olduğunu bilmək lazımdır. Sayt üçün simvol ölçüsü haqqında bir az sonra danışacağıq, lakin hələlik bu cür şəkillərlə işləməyin bəzi incəliklərini qeyd edəcəyik. Xüsusilə, sayt üçün favikonun ölçüsünü qeyd etmədən, belə bir şəklin formatı dəqiqləşdirilməlidir. Təcrübəli dizaynerlərin qeyd etdiyi kimi, şəkil-p.webp
Siz şəkili, məsələn, emblemin çəkiləcəyi Photoshop-dan istifadə edərək saxlaya bilərsiniz.
Favikon ölçüləri
Beləliklə, indi axtarış nəticələrində sayt adının yanında gördüyümüz şəklin nə qədər böyük olması barədə danışaq. Varsayılan olaraq, artıq qeyd edildiyi kimi, ölçüsü yalnız 16 pikseldir (hər tərəfdən). Ancaq bu şəkli Photoshop-da redaktə etməyə çalışsanız, bunun nə qədər əlverişsiz olduğunu özünüz görəcəksiniz. Buna görə də, biz böyüdülmüş şəkil ilə işləməyi tövsiyə edirik, gələcəkdə onu sadəcə kənarları boyunca sıxıb lazımi formatda saxlamaq olar.
Multiplatform
Lakin saytınızda favikonun nə qədər böyük olmasından danışarkən, yadda saxlamaq lazım olan daha bir şey var. Bütün platformalar resurs şəklini eyni şəkildə göstərmir. Məsələn, Retina displeyini olan cihazlar favikonunuzu 32x32 piksel ölçüsündə "görür". Safari-də və yeni Windows platformasında və ümumiyyətlə, bu nişanlar 64 ölçüsünə çatırpiksel.
Ona görə də biz sizə simvolun müxtəlif versiyalarını yadda saxlamağınızı və sadəcə olaraq gələcəkdə istifadəçinin platformasından asılı olaraq onun dəyişdirilməsini təmin etməyinizi tövsiyə edirik. Başqa bir maraqlı məqam - brauzerdən asılı olaraq onun “kiçiləcəyinə” inanaraq, simvolu ən böyük formatda yükləməyə cəhd edə bilərsiniz.
Xarici redaktorlar
Əlbəttə ki, siz Photoshop-u yaxşı bilirsinizsə və şəklinizi saxlayarkən favikonun hansı ölçüdə olması lazım olduğunu və buna necə nail olacağını bilsəniz, yaxşı olar. Bununla belə, bir çox yeni başlayanlar var ki, onlar əvvəllər qrafik redaktorlarla bu qədər yaxından rastlaşmayıblar, ona görə də istədikləri şəkli belə asanlıqla çəkə bilmirlər. Bu cür veb ustalarına kömək etmək üçün, sizi maraqlandıran simvolu avtomatik olaraq yaratmağa imkan verən müxtəlif xidmətlər var. Onların bir çoxu hətta pulsuzdur, bu da istifadəçidən heç bir investisiya tələb etmir.
Bəzən işləmək üçün sadəcə qeydiyyatdan keçmək lazımdır, lakin başa düşdüyünüz kimi, bu bir dəfə edilir - axı şirkətlər öz favikonunu tez-tez dəyişmir. Loqotipi hər gün dəyişən, lakin işarəyə toxunmayan Google-a nəzər salın.
Favikonu necə quraşdırmaq olar?
Ümumiyyətlə, saytınızı sizə lazım olan şəkli düzgün göstərəcək şəkildə qurmaq çox sadədir. Axtarış motorlarına, eləcə də sadə brauzerlərə məlumatı oxumağa imkan verəcək bir sıra sadə addımları yerinə yetirmək kifayətdir.
Bunu etmək üçün yaranan şəkil ilə yadda saxlanılmalıdırfavicon.ico adlandırılır və resursunuzun kökünə yerləşdirilir. Budur, indi şəkliniz avtomatik olaraq tanınacaq və bir müddət sonra saytınızla əlaqələndiriləcək.
Bu bağlamaya əlavə olaraq, ikonanızın harada yerləşdiyini "təklif edəcək" daha bir sətir əlavə edə bilərsiniz. Belə görünür:
Kodu saytın başlığında quraşdırın.
Nəticələr
Beləliklə, məqaləmizi oxuduqdan sonra sayt üçün favikonun hansı ölçüdə olması lazım olduğunu və onun nə olduğunu anladınız. Həm də məncə, mənbəniz üçün düzgün ikonanın tapılmasının bir zərurət olduğunu başa düşdünüz, çünki bu, həm artan tanınma baxımından, həm də rəqibləriniz arasında bəzi əlavə üstünlüklər baxımından sizin əlinizdədir. Ən azı ən böyük saytlar eyni şeyi edir, bunu əsas nümunə kimi götürmək olar. Üstəlik, o, çox səy göstərmir - bir dəfə favikon yaratdıqdan və onu saytınızda düzgün quraşdırdıqdan sonra növbəti bir neçə ay ərzində bunu unuda bilərsiniz.
Ona görə də sınaqdan çəkin, yeni bir şey tapın, cəhd edin - və hər şey alınacaq!
