Създаване на персонализиран Favicon

Съдържание:

Anonim

Ще призная нещо странно. Аз наистина харесвам favicons. Те са забавни. Те са чудесен инструмент за брандиране. И те са нещо просто, което собствениците на малки фирми могат да направят, за да подправят сайтовете си и дори да увеличат използваемостта за потребителите.

Ако не знаете какво е "favicon", позволете ми да помогна:

$config[code] not found

Favicons са мини, 16 × 16 пикселни графики, които представят вашия уеб сайт в адресната лента, в потребителски списък с отметки или в техните раздели на браузъра. Те позволяват на посетителите Ви да създават визуална връзка с сайта Ви.

Neat! Как се създава такъв?

Направете си favicon:

  • На ръка: Отворете любимата си графична програма и стигнете до нея. Ще искате или да създадете нов файл с размери 16 × 16 пиксела и да увеличите мащаба, докато областта се изпълни ИЛИ отворите област, която е по-голяма, но все пак е многократна от 16 × 16. Когато проектирате вашия favicon на ръка, използвайте нещо, което точно ще представлява вашата марка - независимо дали това е обща цветова схема, вашите фирмени инициали и т.н. Каквото и да създавате, ще трябва да издържи трудните ограничения от 16 × 16 пиксела.
  • С инструменти: Ако сте предизвикали дизайна (не се притеснявайте, аз също), има някои чудесни инструменти, които улесняват дори хора като нас да създават великолепни сюжети. Например, Favicon.cc ще ви даде някаква структура и ще ви позволи да изградите вашите директно от сайта им или FavIcon от Pics ще ви позволи да качите снимка и да генерирате favicon за вас. Simple!

Запазете вашия Favicon: Когато записвате файла си, намалете го до 16 бита и запазете като „favicon.ico“, ако използвате Photoshop или „favicon.gif“ или „favicon.png“, ако използвате нещо друго. Ако използвате Photoshop и искате да дадете на вашия favicon някакъв допълнителен урок, препоръчваме ви да изтеглите плъгина за файлови формати на Windows Icon, за да можете да го запазите в ICO формат.

Качете вашия Favicon: Свържете се със сървъра си и качете вашия favicon в главната папка на вашия сайт. След това добавете следния HTML код в главата на уеб страницата си (между двата главни маркера) (изберете типа на файла):

Обновяване: След като сте готови, обновете браузъра си и ще видите, че вашият Favicon се появява. Ако не, дайте му няколко минути. Понякога е необходимо малко, за да се синхронизира всичко.

И това е! Четири стъпки и имате страхотна марка favicon, която ще помогне на потребителите да разпознаят сайта ви в списъка с отметки или в браузъра си. Доста проста, нали?

Само за удоволствие, ето някои от любимите ми favicons в мрежата:

  • Фойерверки в Мичиган
  • Джефри Зелдман
  • Boing Boing
  • Encyclopedia.com
  • Fool.com
  • Блогът на Майкъл Грей за SEO

Други лични фаворити?

17 Коментари ▼