Със сигурност неведнъж сте чували за фавикон. Това е тясно свързано с уеб дизайна и е важно на всяка страница, било то онлайн магазин, блог, уеб сайт и т.н. ще те попитат. Но, Какво е favicon? За какво е? И най-важното от всичко, как се прави?
Ако имате много съмнения относно това, тук ще ви дадем ключовете, за да го разберете и най-вече, за да можете да го представите в рамките на вашия проект и да останете с по-добро представяне. Уверяваме ви!
Какво е favicon
Ще започнем, като обясним какво е фавикон, за да го разберете. И за това нищо по-добро от това да ви дам практически пример. Представете си, че разглеждате в момента (всъщност ни четете). Но нямате само един раздел, а няколко от тях. Може би сте забелязали, че във всеки от тях се появява името на това, което отразява тази страница, било то YouTube (защото слушате фонова музика), Gmail (защото сте отворили пощата си) или тази страница.
До всяко име вляво се появява малко изображение в квадрат. Този в Youtube и Gmail със сигурност ще бъде идентифициран с логата, които имат, но какво ще кажете за останалите раздели?
Е, това, което виждате, всъщност е фавиконът. С други думи, това е a икона, която е свързана със страницата, която посещавате, Ето защо е толкова важно да се обърне внимание на този детайл, защото когато добавяте страница към любими или преки пътища, фавиконът се превръща в „образ“ на тази страница и затова трябва да се погрижите за нейния дизайн, така че е свързан перфектно (и преди всичко изглежда добре, за да го различавате от другите).
Тази малка икона обикновено има размер, който е 16 × 16 пиксела (въпреки че може да бъде зададен и на 32x32px). Вътре в него трябва да се погрижите всичко, което поставите, да изглежда правилно, тъй като в противен случай ще се появи като малко разпознаваемо петно (и това ще даде много лош образ на вашата страница).
Защо Favicon е толкова важен?
След като вече знаете какво е favicon и че сте го разположили на страниците, които обикновено отваряте, забелязахте ли, че днес има все по-малко и по-малко липсващи страници? Това е така, защото е много важно да се даде визия за елегантност и ноу-хау. Тоест ще предадете имидж на марка или корпорация, който се грижи за детайлите.
Фавиконът обаче има и други приложения като:
- Служи като идентификация на вашата страница. Обикновено този значок е свързан с логото, което имате на вашия уебсайт, само в по-малък размер. Но когато логото е твърде голямо и няма да се вижда на малкия бутон, вие сте склонни да изберете нещо, което е свързано с него.
- Ще помогнете на потребителите, които са запазили вашата страница, да я идентифицират визуално. По този начин, дори ако не си спомнят URL адреса или името на компанията, поради имиджа на фавикона, те ще го намерят.
- Да бъдеш „добър“ със SEO. Това трябва да се вземе с известна доза сол. И е, че наличието или липсата на фавикон няма да повлияе пряко на SEO (тоест няма да ви позиционира по-добре или по-лошо, ако го имате или не). Сега все по-често се случва, че когато браузър влезе в дадена страница, той търси този значок и, когато не го намери, извежда грешка 404. И вие знаете, че тези грешки не са добри за SEO на страница.
Как да си направим favicon
След като видим, става ясно, че favicon е съществен елемент при наличието на уеб страница. А сега как се прави?
Трябва да знаете, че в повечето случаи това, което прави, е изберете логото на този уебсайт или ако е твърде голямо, нещо, което го идентифицира. Например, представете си, че имате телевизионен уебсайт, на който сте се обадили по някакъв начин. Но това във фавикона е твърде голямо. Вместо това можете да поставите снимка на телевизор, така че те да го свържат. В тези случаи се препоръчва той да носи същите цветове като вашия уебсайт, за да го идентифицират по-добре.
И сега, как можем да създадем favicon? Е, имате няколко възможности:
Photoshop, Gimp ...
С други думи, говорим за програми за редактиране на изображения, тъй като favicon е създаден точно по същия начин като изображение. Разбира се, трябва да го запазите във формат .ico, за да бъде разпознат като такъв, защото не може да бъде оставен като jpg, gif или подобен.
Този начин да го направите ви позволява да персонализирате фавикона много по-добре, успявайки да го създадете от нулата и давайки му завършек, който искате. Обикновено за това работите с изображение в нормален размер и след това го адаптирате към размера на този бутон.
Всъщност трябва да бъде качено и тествано в различни браузъри, за да се види дали изглежда добре, представително и най-вече разбираемо.
Използване на онлайн инструменти
В този случай ние се позоваваме на уеб страници, които се грижат за превръщането на всяко изображение, което искате, във значок за секунди. Но имате и възможност за проектирайте своя Favicon директно с тези страници.
Ако искате първото (качете изображението и го преобразувайте), тогава препоръчваме Favicon Generator или Favic-o-matic. Но ако искате последното (проектирайте го от нулата), заложете на favicon.io или x-icon editor.
С WordPress
Изработена ли е вашата страница в WordPress? И знаете ли, че можете да използвате тази система, за да създадете своя значок. За това можете да използвате някои приставки, които ви позволяват да създадете този бутон въз основа на изображение, което сте качили (или което качвате). Също така през "Външен вид / Персонализиране" можете да го направите.
След като приключите с фавикона, просто трябва да го поставите на уебсайта си и той да го разпознае, за да може да го показва в лявата част на името на вашата страница, както и когато го запазвате в любими. По този начин те лесно ще ви разпознаят, без да се налага да спирате, за да прочетете дали това е страницата, която наистина са искали да посетят.