<
  • Главная
Статьи

როგორ შევქმნათ favicon საიტზე: სასარგებლო რჩევები და მომსახურება

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

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

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

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

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

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

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

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

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

ამის თავიდან ასაცილებლად, საჭიროა ლოგოს შეცვალონ სპეციალური რედაქტორები, როგორიცაა Photoshop ან GIMP
ამის თავიდან ასაცილებლად, საჭიროა ლოგოს შეცვალონ სპეციალური რედაქტორები, როგორიცაა 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 ფაილის გამომავალს
ატვირთვა თქვენი 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 შექმნის ან კითხვის დასმა, მე გელოდებათ კომენტარებში!

?ა უნდა გავაკეთოთ ამ შემთხვევაში?
Ico?


Новости
    Без плагина
    На сайте WordPress имеется файл, именуемый как .htaccess. Многие пользователи не предают ему особого внимания и не используют все его возможности. На самом деле файл .htaccess – это дополнительные конфигурации

    Плагин подписки wordpress
    Очень трудно найти один плагин подписки wordpress , который объединил бы в себе все виды подписок, которые так необходимы сайту. Именно поэтому я решил сделать подборку лучших плагинов, которые смогут

    Слайд-шоу с помощью плагина для WordPress UnPointZero Slider
    Плагин для cms WordPress UnPointZero Slider – новостной слайдер. Он отражает в форме слайд-шоу изображения со ссылками на ваши статьи и краткие выдержки оттуда. Его можно установить и на новостной сайт,

    Плагины для Wordpress
    С помощью этого плагина вы легко сможете интегрировать Google диск на ваш WordPress сайт или блог . Gravity Forms — лучший плагин для создания форм на WordPress, от самых простых (например, форма

    Подписки плагином JetPack: размещение и редакция формы подписки
    Вступление Здравствуйте! В этой статье я покажу, как использовать плагин JetPack для создания пользовательской формы подписки и как эту формы подписки плагином JetPack добавлять в статьи сайта, а при

    Чистка сайта WordPress плагином WP-optimize
    От автора Со временем использования система WordPress накапливает не нужные файлы, комментарии и неиспользуемые данные в базе данных. Эти файлы и данные создаются в процессе работы и нужны для этого,

    Возможности Jetpack плагина
    Вступление Возможности Jetpack плагина это более 30 функциональных модуля плагина, делающего его универсальным плагином WordPress, заменяющего аналогичные сторонние плагины. Jetpack один заменяет десятки

    Резервное копирование WordPress сайта без плагинов
    Вступление Резервное копирование WordPress это второе, что нужно научиться делать после установки WordPress. Можно сколько угодно говорить о безопасности сайта и его защите, но лучшего варианта защиты

    Плагины на приват для Майнкрафт ПЕ
    > > Плагины на приват для Майнкрафт ПЕ Порой всем нам хочется попробовать себя в роли администратора сервера и испытать эту ответственность, но, к сожалению, вы не всегда все знаете о создании

    Плагин WordPress Database Backup. Архивация базы данных блога на WordPress
    Привет друзья! Сегодня на очереди еще один простой, НО, необходимый и полезный плагин — плагин WordPress Database Backup , который с легкостью и самостоятельно произведет процесс, который научно называется:

  • Виртуальный хостинг

    Виртуальный хостинг. Возможности сервера распределяются в равной мере между всеми... 
    Читать полностью

  • Редизайн сайта

    Редизайн сайта – это полное либо частичное обновление дизайна существующего сайта.... 
    Читать полностью

  • Консалтинг, услуги контент-менеджера

    Сопровождение любых интернет ресурсов;- Знание HTML и CSS- Поиск и обновление контента;-... 
    Читать полностью

  • Трафик из соцсетей

    Сравнительно дешевый способ по сравнению с поисковым и контекстным видами раскрутки... 
    Читать полностью

  • Поисковая оптимизация

    Поисковая оптимизация (англ. search engine optimization, SEO) — поднятие позиций сайта в результатах... 
    Читать полностью