1. როგორ შევქმნათ favicon
2. როგორ შევქმნათ ფავორიონი Photoshop- ში
3. როგორ გადარჩენა favicon
4. როგორ მოერგოთ favicon საიტი
5. როგორ შეცვალოს ფავორიონი
6. როგორ შევქმნათ უფრო რთული ფავიკონი

ძნელია მიხვდები, რა არის favicon როდესაც თქვენ პირველად ისმის ეს სიტყვა. ეს არის მინიატურული ხატი, რომელიც გამოჩნდება ბრაუზერების ჩანართებზე, მისამართების ხაზებსა და სხვა სფეროებში, ოპერაციული სისტემის გამოყენებით და ინტერნეტ ბრაუზერიდან გამომდინარე. ეს შეიძლება უსაფრთხოდ ეწოდოს ერთ-ერთი ყველაზე რთული და capricious ელემენტების ნახვა დიზაინი.

კარგი favicon- ის შექმნა საკმაოდ რთულია, რადგან ხატი არის პატარა, უნდა იყოს ნათელი და აჩვენე რაღაც თქვენს საიტზე. შექმნა favicon, რომელიც თავსებადია ყველა პოპულარული ბრაუზერები ასევე შეიძლება daunting ამოცანა. ამ სტატიაში ჩვენ შევქმნით მისი შექმნის ყველა კომპლექსურ ასპექტს. თუ საჭიროა ლოგო, მაშინ ჩვენ გვაქვს სტატია როგორ უნდა გავაკეთოთ ეს.

როგორ შევქმნათ favicon

დავიწყოთ favicon- ის დიზაინით. კარგი დიზაინი, მიუხედავად მისი კომპაქტურობისა, უნდა ასახავდეს თქვენი საიტის არსს და იყოს კორპორატიული იდენტურობის ორგანული ნაწილი. როგორც წესი, ხატია კომპანიის გრაფიკული ნიშანი (ხატი) და არა მთელი ლოგო (ხატი, ტექსტი და სლოგანი).

როგორც ფავორიონი, ამ საიტებზე გამოიყენოთ მათი ხატები (ან სურათების ახლოს).

ტექსტი არ უნდა იქნას გამოყენებული, რადგან ეს ტექსტი არასწორია მცირე ზომის გამოსახულების გამო. ამ წესის ერთადერთი გამონაკლისი არის მსოფლიო ცნობილ ტექსტურები, რომლებიც ავტომატურად ასოცირდება კონკრეტული ბრენდით. მაგალითად, ონლაინ რესურსი ვიკიპედია დატოვა ფავკონზე მისი კაპიტალის წერილი "W" და Facebook - ასო "F".

ამ favicons არსებობს წერილები, რომლებიც მკაცრად ასოცირდება კონკრეტული ბრენდი. მაგალითად, Facebook იყენებს მისი გრაფიკული ნიშანი. ასევე აღნიშნავენ, რომ პიქსელი ჩანს Disney გამოსახულებით. ეს იმიტომ, რომ ეკრანის გადაღება Retina ეკრანზე შედგა, რომელიც თავსებადია 16 × 16 ხატულაზე, ხოლო ვებ-გვერდები 32 × 32 ხატებით იყენებენ.

მას შემდეგ, რაც favicons პატარა სურათები, თითოეული pixel უკრავს მნიშვნელოვანი როლი. ზოგჯერ ლოგოს შემცირების შემდეგ ინდივიდუალური პიქსელი გამოჩნდება, რის გამოც გამოსახულება "ბუნდოვანია". სიზუსტის მისაღწევად საჭიროა პიქტოგრამის გამოსახულების რედაქტირება.

ამის თავიდან ასაცილებლად, საჭიროა ლოგოს შეცვალონ სპეციალური რედაქტორები, როგორიცაა Photoshop ან GIMP. პირველ რიგში, სურათის ზომა უნდა შემცირდეს 64x64 პიქსელით (ეს არის ყველაზე დიდი ზომის ფავორიონი). შემდეგ თქვენ უნდა შეცვალონ თითოეული პიქსელი ფანქრის ინსტრუმენტის გამოყენებით, სანამ სურათი არ არის ნათელი. ეს არის შრომატევადი პროცესი, მაგრამ შედეგი ღირს. როდესაც favicon 64x64 მზად არის, თქვენ უნდა გააკეთოთ იგივე სამუშაო სურათი 16 × 16, 24 × 24 და 32 × 32 პიქსელით. ამდენი ზომები თქვენ უნდა იმიჯი სწორად ნაჩვენები ყველა ბრაუზერები და გაჯეტები:

• 64x64 - Safari ბრაუზერის სანიშნეები;
• 32x32 - მაღალი რეზოლუციის მონიტორები (ბადურის);
• 24x24 - სანიშნეები Internet Explorer და MicroSoft Edge;
• 16x16 - Google Chrome და სხვა ბრაუზერები.

როგორ შევქმნათ ფავორიონი Photoshop- ში

პირველი თქვენ უნდა შექმნას რამდენიმე ტილოები ზემოთ ზომები.

მაშინ თქვენ უნდა დაამატოთ ხატი, წერილი ან სხვა გამოსახულება ტილო.

როგორ გადარჩენა favicon

მას შემდეგ, რაც შექმნილია სხვადასხვა ზომის ხატები, შეინახეთ თითოეული, როგორც გამჭვირვალე PNG ფაილი (24 ბიტი). In Photoshop, შეგიძლიათ გამოიყენოთ შენახვა ვებ ფუნქცია ხელმისაწვდომია ფაილი მენიუში. შემდეგ თქვენ უნდა გაერთიანდეს ყველა PNG ფაილი ერთ ICO ფაილი. თქვენ შეგიძლიათ გამოიყენოთ ორივე PNG ფაილი და ICO ფაილი ამავე დროს, მაგრამ ხშირად Safari და Chrome კი მხოლოდ ICO ფორმატში. ჩემი აზრით, ადვილია ერთი ICO ფაილის შექმნა. ICO ფორმატში არ არის ძალიან გავრცელებული, მაგრამ საბედნიეროდ არსებობს მთელი რიგი ინსტრუმენტები, რომლებიც დაგეხმარებათ ამ ფაილში გადაიყვანოთ ფაილები. ამ მიზნით, მირჩევნია გამოვიყენო X- ხატულა რედაქტორი . ეს არის უფასო ონლაინ სერვისი, რომელიც დაუყოვნებლივ აკონვერტებს გადმოწერილი სურათების ერთ ICO ფაილს, რის შემდეგაც შეგიძლიათ მისი ჩამოტვირთვა. ეს რთული არაფერია, უბრალოდ მითითებები საიტზე. თუ საკუთარ თავს სასოწარკვეთილ ადამიანად მიიჩნევთ, შეგიძლიათ ექსპერიმენტი ამ სერვისის პიქსელის რედაქტორთან და საკუთარ თავს წაიკითხოთ. (თუმცა მირჩევნია რედაქტირება favicons უფრო პროფესიული რედაქტორი, მაგალითად, Photoshop).

ატვირთვა თქვენი PNG სურათების X- ხატულა რედაქტორისთვის, თქვენ მიიღებთ ერთი ICO ფაილის გამომავალს.

როგორ მოერგოთ favicon საიტი

ასე რომ, თქვენ უკვე გაქვთ ICO ფაილი. ახლა თქვენ უნდა დაამატოთ ნახვა. სახელის გადარქმევა favicon.ico- ში და განათავსეთ თქვენს ვებ-გვერდზე (სადაც index.html ფაილი და სხვა სტანდარტული ფაილი ინახება). მას შემდეგ, რაც წარმატებული გარდა, თქვენ შეგიძლიათ იხილოთ იგი თქვენს ვებ გვერდზე .com / favicon.ico. თითქმის ყველა ბრაუზერი ეძებს favicon.ico ფაილის ძირითად საქაღალდეში. აქედან გამომდინარე, მნიშვნელოვანია, რომ გადმოწეროთ ფავორიტი ამ საქაღალდეში. განსხვავებული ბრაუზერების თავსებადობისთვის, უკეთესია არ დაამატოთ HTML ელემენტები ან ბმულები, რომლებიც მიუთითებენ მის ადგილმდებარეობას. ეს შეასრულა მუშაობს ყველა ბრაუზერის, მდე IE6. ასევე, თუ თქვენ გაქვთ WordPress საიტი, მაშინ ბევრი თემები შეგიძლიათ დაამატოთ favicon in თემა პარამეტრები. ეს მეთოდი შეიძლება გამოყენებულ იქნას.

როგორ შეცვალოს ფავორიონი

ზოგიერთი აუხსნელი მიზეზი, ბრაუზერები დაამატეთ მას ქეში. ამიტომ, როდესაც თქვენ ატვირთეთ ახალი ICO ფაილი, ბრაუზერი შეიძლება გააგრძელოს ნახოთ თქვენი ძველი favicon. ��ა უნდა გავაკეთოთ ამ შემთხვევაში? თქვენ შეგიძლიათ დაამატოთ დროებითი HTML ფაილი, რომელიც მიუთითებს ადგილმდებარეობის თქვენი ახალი favicon. ასევე URL- ის დასასრულს თქვენ უნდა დაამატოთ მოკლე შეკითხვა:

<link rel = "მალსახმობი ხატი" href = "თქვენი ნახვა .com / favicon.ico? v = 2" />

ბრაუზერი ფიქრობს, რომ ეს არის უნიკალური URL და, აქედან გამომდინარე, იძულებული იქნება ახალი ხატის ჩვენება. Favicon- ის განახლების შემდეგ, ეს HTML კოდი შეიძლება მთლიანად ამოღებულ იქნას. თუ საჭიროა favicon- ში ცვლილებების შეტანა, გამოიყენეთ იგივე ტექნიკა, რომელიც ყოველ ჯერზე იზრდება ნომერი "V" შემდეგ შეკითხვის სიაში. ამრიგად, ბრაუზერი ყოველ დროს აღიქვამს ამ URL როგორც უნიკალურია და მისი ახალი ვერსია. და არ დაგავიწყდეთ წარმატების განახლების შემდეგ HTML კოდი წაშლა.

როგორ შევქმნათ უფრო რთული ფავიკონი

ამ სტატიაში, მინდოდა აღვწერო უნივერსალური და მარტივი გზა, რათა შევქმნათ ფავორიონები, რომელიც პრაქტიკულად ნებისმიერ პლატფორმაზე მუშაობს. მაგრამ ვებ დიზაინი და განვითარება არ არის შეზღუდვა სრულყოფისთვის. თუ გსურთ შეიტყოთ, როგორ შევქმნათ უფრო რთული ხატები, შეგიძლიათ გამოიყენოთ სერვისი favico.js . ეს საშუალებას გაძლევთ შექმნათ დინამიური სურათების სხვადასხვა ნომრები. მადლობა ამ ხატულაზე, შეგიძლიათ იხილოთ წაუკითხავი შეტყობინებების რაოდენობა, მაშინაც კი, როდესაც შესაბამისი ჩანართი არ არის აქტიური. თუ გსურთ შექმნათ ანიმაციური ფავორიონები ინტერნეტში, შეგიძლიათ სცადოთ ფავორიონის გენერატორის გამოყენებით favicon.cc .

სხვა ონლაინ გენერატორები შეგიძლიათ იპოვოთ აქ .

თუ გსურთ გაუზიაროთ რჩევა favicons შექმნის ან კითხვის დასმა, მე გელოდებათ კომენტარებში!