ვებ დიზაინში, როგორც მოგეხსენებათ, ყველა დეტალს აქვს მნიშვნელობა. ადამიანი, რომელიც გადავიდა თქვენს რესურსზე, არ ხედავს თითოეულ ელემენტს ცალკე, მაგრამ აღიქვამს მთელ სურათს, როგორც პაკეტს, რომელიც შედგება სხვა მცირე დეტალებისგან. ამრიგად, თუ რაიმე გამოგრჩება თქვენი რესურსის განვითარების პროცესში, ამ დეტალმა შეიძლება მოგვიანებით გააფუჭოს მთელი კომპლექსი, მთელი შემადგენლობა.
ასეთი წვრილმანი შეიძლება იყოს, მაგალითად, ღილაკის ფონი, რომელიმე პატარა ელემენტის არასწორად შერჩეული შრიფტი და თუნდაც ფავიკონი. მართლაც, თავად ნახეთ - დიდ, კარგად ცნობილ საიტებს აქვთ ინდივიდუალური ხატულა, რომელიც მიუთითებს მომხმარებლის ბრაუზერის "სანიშნეების" განყოფილებაში. ამის გარეშე, რესურსის დეველოპერები ვერ შექმნიდნენ კომპოზიციას, რომლისკენაც თავდაპირველად ისწრაფოდნენ.
ამიტომ, თქვენი საიტისთვის დიზაინის შექმნისას უნდა იზრუნოთ ისეთ დეტალზე, როგორიც არის ფავიკონი. ამ სტატიაში ვისაუბრებთ იმაზე, თუ როგორ უნდა შეესაბამებოდეს მას რესურსის ზოგად სტილს, ასევე რა ზომები უნდა ჰქონდეს ამ სურათს.
საიტის ხატულა
პირველ რიგში, მოდით განვსაზღვროთ რა არის ეს ელემენტი. ახლავე შეხედეთ თქვენი ბრაუზერის ჩანართის სათაურს. როგორც ხედავთ, მის მარცხნივ არის პატარა სურათი, რომელიც მიუთითებს რესურსის ლოგოს გამარტივებულ ვერსიაზე. იგივე სურათი ასევე არის ძიების შედეგებში ნაჩვენები საიტის სახელთან ახლოს. სწორედ ამით ხელმძღვანელობს მომხმარებელი სათაურის ნახვისას.
ბევრ ვებმასტერს ესმის, რომ ასეთი სურათია საჭირო - მაგრამ ცოტამ თუ იცის, რომელი ფავიკონის ზომა იქნება საიტისთვის ყველაზე შესაფერისი. ამიტომ, ამ სტატიაში ჩვენ არა მხოლოდ მივცემთ ინფორმაციას იმის შესახებ, თუ როგორ უნდა გააკეთოთ ასეთი ხატულა და როგორ შეგიძლიათ დააინსტალიროთ იგი თქვენს რესურსზე, არამედ ვისაუბრებთ გამოსახულების ზომებზე.
ფავიკონის დანიშნულება
ასე რომ, სურათი საიტის სათაურის მახლობლად გამოიყენება იდენტიფიკაციისთვის. ეს არის მისი თავდაპირველი მიზანი: გამოხატოს საიტი, რომლის სახელიც ჩვენ ვხედავთ და გამორჩეული იყოს დანარჩენის თვალში. ეს კეთდება რაც შეიძლება მარტივად, გრაფიკის გამოყენებით: ჩვენ ინტუიციურად აღვიქვამთ ინფორმაციას სურათებში ბევრად უფრო სწრაფად და მარტივად, ვიდრე ტექსტის ფორმატში. ფავიკონები სწორედ ამაში გვეხმარება. მაგრამ არ უნდა დაგვავიწყდეს, რომ ფავიკონის ზომა მომხმარებლის თვალში მინიმალურია. ეს არ არის ლოგო საიტის „სათაურში“, რომელიც შეიძლება შეიცავდეს დამატებით ინფორმაციას წარწერების, გარკვეული განმარტებების ან საკონტაქტო ინფორმაციის სახით. ყველაფერი, რისი ჩვენებაც შესაძლებელია სახელის გვერდით ხატულაზე, მაქსიმალურად უნდა მოერგოს ფავიკონის ზომას. და ის, როგორც უკვე აღვნიშნეთ, უბრალოდ მინიატურულია (მხოლოდ 16 16 პიქსელზე).
როგორ ავირჩიოთფავიკონი?
მაშ, როგორ შეუძლია ვებმასტერმა შექმნას ხატი თავისი საიტისთვის? უნდა აღინიშნოს, რომ საიტის ლოგოს უბრალოდ შეკუმშვა, ყველაზე ხშირად, არ იმუშავებს. ემბლემებზე, რომლებიც მოთავსებულია კონკრეტული რესურსის ლოგოს სახით, ხშირად ჩანს სხვადასხვა ელემენტები, რომლებიც ყოველთვის არ იქნება სწორად ნაჩვენები მინიატურული ფორმით. უმჯობესია დაუყოვნებლივ მიატოვოთ ასეთი ვალდებულება.
რა თქმა უნდა, ფავიკონის ზომა არ იძლევა იმის საშუალებას, რომ იქ უბრალოდ წარწერის ჩასმაზე ვისაუბროთ. ნებისმიერი ტექსტი უბრალოდ უხილავი იქნება ამ რეზოლუციით. ჩვენ უნდა შევქმნათ ახალი ხატულა, რომელიც გადმოსცემს საიტის სტილს. გადაწყვეტილებების საპოვნელად კიდევ ერთხელ მივმართოთ უდიდეს საიტებს.
ბევრი ადამიანი იყენებს სერვისის სახელის სტილიზებულ პირველ ასოს, როგორც ფავიკონს. ეს არის გზა, მაგალითად, Bing, Yahoo, Yandex, Wikipedia, Google. არსებობს სხვა მიდგომა - თუ თქვენ გაქვთ საიტის მოკლე სახელი, შეგიძლიათ დააყენოთ იგი თქვენი ხატის ფონად. იმისათვის, რომ ფავიკონის ზომამ (პიქსელებში ის აღწევს, ვიმეორებ, 16 16 პიქსელზე) სწორად გამოსახოს ეს წარწერა, ის არ უნდა იყოს 3 ასოზე მეტი. ეს არის ის, რასაც, მაგალითად, Aol სერვისი აკეთებს.
როგორ შევქმნათ ფავიკონი?
არის რამდენიმე გზა საიტის სახელის ხატის შესაქმნელად. რა თქმა უნდა, ყველაზე მარტივია მუშაობა სხვადასხვა მზა გადაწყვეტილებებთან. ჩვენ შეგვიძლია ვისაუბროთ ზოგიერთ სერვისზე ან პროგრამებზე, რომლებიც საშუალებას გაძლევთ შექმნათ ხატი სრულფასოვანი სურათიდან მისი შემცირებით. თუმცა, მე გირჩევთ ასეთი ლოგოს დამოუკიდებლად შემუშავებას. ეს პირველ რიგში მისცემსრაიმეს სწავლის შესაძლებლობა; და მეორეც, ის უზრუნველყოფს მეტ ინსტრუმენტს. ამისათვის საკმარისია იცოდეთ რა უნდა დახატოთ და ასევე იცოდეთ რა ზომის უნდა იყოს ფავიკონი საბოლოო ვერსიაში. საიტის ხატის ზომაზე ცოტა მოგვიანებით ვისაუბრებთ, მაგრამ ახლა ჩვენ აღვნიშნავთ ასეთ სურათებთან მუშაობის გარკვეულ დახვეწილობას. კერძოდ, საიტისთვის ფავიკონის ზომის ხსენების გარეშე, უნდა დაზუსტდეს ასეთი სურათის ფორმატი. როგორც გამოცდილი დიზაინერები აღნიშნავენ, სურათი უნდა იყოს შენახული-p.webp
შეგიძლიათ შეინახოთ სურათი, მაგალითად, Photoshop-ის გამოყენებით, სადაც დახატული იქნება ემბლემა.
ფავიკონის ზომები
მაშ, ახლა მოდით ვისაუბროთ იმაზე, თუ რამდენად დიდი უნდა იყოს სურათი, რომელსაც ვხედავთ საიტის სახელის გვერდით ძიების შედეგებში. ნაგულისხმევად, როგორც უკვე აღვნიშნეთ, მისი ზომა მხოლოდ 16 პიქსელია (თითოეულ მხარეს). თუმცა, თუ ცდილობთ ამ სურათის რედაქტირებას Photoshop-ში, თავად ნახავთ, რამდენად მოუხერხებელია. ამიტომ, ჩვენ გირჩევთ იმუშაოთ გაფართოებულ სურათთან, რომელიც მომავალში შეიძლება უბრალოდ შეკუმშოს კიდეების გასწვრივ და შეინახოთ საჭირო ფორმატში.
მულტიპლატფორმა
თუმცა, იმის შესახებ, თუ რამდენად დიდი უნდა იყოს ფავიკონი თქვენს საიტზე, კიდევ ერთი რამ უნდა გახსოვდეთ. ყველა პლატფორმა არ აჩვენებს რესურსის სურათს ერთნაირად. მაგალითად, მოწყობილობები Retina დისპლეით „ხედავენ“თქვენს ფავიკონს 32 x 32 პიქსელზე. და Safari-ში და Windows-ის ახალ პლატფორმაზე და საერთოდ, ეს ხატები 64-ს აღწევსპიქსელები.
ამიტომ, ჩვენ გირჩევთ, შეინახოთ ხატის სხვადასხვა ვერსიები და უბრალოდ უზრუნველყოთ მისი შეცვლა მომავალში მომხმარებლის პლატფორმის მიხედვით. კიდევ ერთი საინტერესო პუნქტი - შეგიძლიათ სცადოთ ხატის ჩატვირთვა ყველაზე დიდ ფორმატში, იმის გათვალისწინებით, რომ ის „შეიმცირდება“ბრაუზერის მიხედვით.
გარე რედაქტორები
რა თქმა უნდა, კარგია, თუ კარგად იცნობთ Photoshop-ს და იცით, რა ზომის უნდა იყოს ფავიკონი და როგორ მიაღწიოთ მას თქვენი სურათის შენახვისას. თუმცა, ბევრი დამწყებია, რომლებიც უბრალოდ ადრე ასე ახლოს არ შეხვედრიან გრაფიკულ რედაქტორებს, ამიტომ ასე მარტივად ვერ ახერხებენ სასურველ სურათს. ასეთი ვებმასტერების დასახმარებლად არის სხვადასხვა სერვისი, რომელიც საშუალებას გაძლევთ ავტომატურად შექმნათ თქვენთვის საინტერესო ხატულა. ბევრი მათგანი უფასოა, რაც მომხმარებლისგან ინვესტიციას არ საჭიროებს.
ზოგჯერ საჭიროა მხოლოდ დარეგისტრირება სამუშაოდ, მაგრამ, როგორც გესმით, ეს კეთდება ერთხელ - ბოლოს და ბოლოს, კომპანიები ასე ხშირად არ ცვლიან ფავიკონს. შეხედეთ Google-ს, რომელიც ცვლის ლოგოს ყოველდღე, მაგრამ არ ეხება ხატულას.
როგორ დავაყენოთ ფავიკონი?
ზოგადად, თქვენი საიტის ისე დაყენება, რომ ის სწორად აჩვენებს თქვენთვის საჭირო სურათს, ძალიან მარტივია. საკმარისია შეასრულოთ მარტივი ნაბიჯების სერია, რომელიც საძიებო სისტემებს, ისევე როგორც მარტივ ბრაუზერებს, ინფორმაციის წაკითხვის საშუალებას მისცემს.
ამისთვის, მიღებული სურათი უნდა იყოს შენახულიდაასახელა favicon.ico და მოთავსებულია თქვენი რესურსის ძირში. ესე იგი, ახლა თქვენი სურათი ავტომატურად ამოიცნობს და გარკვეული პერიოდის შემდეგ თქვენს საიტს დაუკავშირდება.
ამ აკინძვის გარდა, შეგიძლიათ დაამატოთ კიდევ ერთი ხაზი, რომელიც „ვარაუდობს“სად მდებარეობს თქვენი ხატულა. ასე გამოიყურება:
დააინსტალირეთ კოდი საიტის სათაურში.
დასკვნა
ასე რომ, ჩვენი სტატიის წაკითხვის შემდეგ, თქვენ გაარკვიეთ, რა ზომის უნდა იყოს ფავიკონი საიტისთვის და რა არის ის. ასევე, ვფიქრობ, თქვენ გესმით, რომ თქვენი რესურსისთვის შესაფერისი ხატის პოვნა აუცილებლობაა, რადგან ის თქვენს ხელშია, როგორც მზარდი აღიარების თვალსაზრისით, ასევე თქვენს კონკურენტებს შორის დამატებითი გამორჩევის თვალსაზრისით. ყოველ შემთხვევაში, უმსხვილესი საიტები აკეთებენ იგივეს, რაც შეიძლება მივიღოთ, როგორც მთავარი მაგალითი. გარდა ამისა, ეს არ იწვევს დიდ ძალისხმევას - ერთხელ გააკეთეთ ფავიკონი და სწორად დააინსტალირეთ იგი თქვენს საიტზე, შეგიძლიათ დაივიწყოთ ის მომდევნო რამდენიმე თვის განმავლობაში.
ამიტომ, თავისუფლად ჩაატარეთ ექსპერიმენტი, მოიფიქრეთ რაიმე ახალი, სცადეთ - და ყველაფერი გამოვა!
