ფავიკონები ცვლის გლობუსის ხატულას მისამართების ზოლში.
სურათის კრედიტი: r0mu/iStock/Getty Images
ფავიკონი არის კრეატიული, პრაქტიკული გზა თქვენი ვებსაიტის არსებობას დახვეწილი ვიზუალური ელფერის დასამატებლად. ფავიკონები არის პატარა სურათები, რომლებსაც ვებ ბრაუზერები იყენებენ გვერდების ჩანართებსა და მისამართების ზოლებზე. ისინი აჩვენებენ ლოგოს ან სურათს, რომელიც დაკავშირებულია ვებსაიტთან, რომელიც მოქმედებს როგორც ვიზუალური ბრენდის იდენტიფიკატორი სათაურის ან URL-ის გვერდით. ფავიკონები განსაკუთრებით სასარგებლოა საიტის იდენტიფიკატორები ჩანართებით დათვალიერებისას, რადგან გვერდის სათაურებისთვის გამოყენებული ტექსტური სივრცე თითქმის არ მცირდება, რადგან მომხმარებელი ხსნის მეტ ჩანართებს.
Ნაბიჯი 1
შეიმუშავეთ ხატულა, რომლის გამოყენებაც გსურთ ფოტო ან გრაფიკული რედაქტირების პროგრამაში. თქვენ შეგიძლიათ აიღოთ არსებული ლოგო ან სურათი, რომელიც დაკავშირებულია თქვენს საიტთან ან ბრენდთან და დაარეგულიროთ იგი ფავიკონის სტანდარტების შესაბამისად. ფავიკონები ყოველთვის იყენებენ კვადრატულ ზომებს და აქვთ მაქსიმალური მხარდაჭერილი ზომა 256-ზე-256 პიქსელი. ამოჭრით და გაზომეთ გამოსახულება ისე, რომ მოერგოს 256-ზე 256 პიქსელის კვადრატს, თუ თქვენ აპირებთ იკონის შეფუთვის გამოყენებას მრავალი ზომის მხარდასაჭერად. თუ მხოლოდ ერთი ვერსიის გაკეთებას აპირებთ, გამოიყენეთ 16-დან 16 პიქსელის ზომა.
დღის ვიდეო
ნაბიჯი 2
ხატულის გრაფიკის ექსპორტი, როგორც PNG გამოსახულების ფაილი გრაფიკული დიზაინის პროგრამიდან. PNG არის W3C სტანდარტული გამოსახულების ფორმატი ფავიკონებისთვის. ზოგიერთ ბრაუზერს შეუძლია JPG ფაილების ჩვენება ფავიკონების სახით, მაგრამ სტანდარტი ოფიციალურად არ არის მხარდაჭერილი. გარდა ამისა, ხატების შემფუთავი პროგრამები შეიძლება არ იმუშაოს სურათებთან სხვა ფორმატებში. Favicons ასევე მხარს უჭერს GIF და ICO ფაილებს.
ნაბიჯი 3
ჩაალაგეთ თქვენი ექსპორტირებული PNG ფაილი ICO ფაილში ICO გადამყვანი პროგრამით. ხატების გადამყვანი პროგრამა ამუშავებს PNG ფავიკონს, აფორმებს მას რამდენიმე სხვადასხვა ფართოდ მხარდაჭერილი ფავიკონის ზომისთვის და ათავსებს მათ ერთ ფაილში. ICO ფაილები უზრუნველყოფს უფრო მაღალი გარჩევადობის ფავიკონებს, ვიდრე 16-ზე 16 პიქსელი მოწყობილობებისთვის, რომლებიც მხარს უჭერენ მათ.
ნაბიჯი 4
შედით თქვენი ვებსაიტის ჰოსტინგის სერვისში და ატვირთეთ PNG ან ICO ფაილი თქვენი ვებსაიტის მედია სერვერზე. დააკოპირეთ ატვირთული ფაილის URL; თქვენ დაგჭირდებათ ფავიკონის საიტზე დასამაგრებლად.
ნაბიჯი 5
გახსენით თქვენი საიტის რედაქტირების პროგრამა და დაამატეთ შემდეგი კოდი, შეცვლილი ფავიკონის ფაილის URL-ით, როგორც მითითებულია, თქვენი ვებსაიტის განყოფილებას.
PNG ფაილებისთვის:
ICO ფაილებისთვის:
თუ არ იყენებთ CMS-ით კონტროლირებულ საიტს ან არ შეიცავს ფაილზე დაფუძნებულ განყოფილებას, თქვენ მოგიწევთ კოდის დამატება თითოეულ გვერდზე, რომელზეც გსურთ გამოსახოთ ხატულა. ფავიკონი გამოჩნდება საიტის გვერდების შენახვისა და განახლების შემდეგ.
რჩევა
ფოტო რედაქტირების პროგრამები, როგორიცაა Photoshop და Corel Draw, კარგად მუშაობს ხატის დიზაინისა და ფორმატირებისთვის. გარდა ამისა, შეგიძლიათ გამოიყენოთ უფასო პროგრამები, როგორიცაა Paint.net და Pixlr.
გაფრთხილება
ზოგიერთი ბრაუზერი ავტომატურად აკავშირებს გამოსახულების ფაილს, რომელიც მდებარეობს დირექტორიაში /favicon, როგორც favicon; თუმცა, W3C ორგანიზაცია უარყოფს ამ პრაქტიკას, რადგან ის არ არის საყოველთაოდ მხარდაჭერილი სტანდარტი და ეწინააღმდეგება ვებ არქიტექტურის პრინციპებს. გარდა ამისა, ბევრი ვებ ჰოსტინგის სერვისი და CMS სისტემა არ აძლევს მომხმარებელს საშუალებას განათავსოს მედია კონტენტი მედია ფაილების დირექტორიების გარეთ, რაც ამ პრაქტიკას შეუძლებელს ხდის.