Услуга за създаване на фавикони онлайн. Универсален начин за създаване на фавикони. Функции на Yandex, работещи с favicons

Favicon -(съкратено от думи „Любима икона“) е малък размер на снимката 16x16 пиксела,които посетителите на вашия сайт ще видят. Показва се до URL адреса на сайта в адресната лента на браузъра. Освен това тази икона се появява до името на вашия сайт в списъка с отворени раздели, отметки и резултати от търсене, което улеснява потребителите бързо да намерят вашия сайт сред други сайтове.

По подразбиране като иконисайт се показва икона на браузър. За да може сайтът да се различава от останалите и да не се губи в безбройните сиви раздели, отворени от потребителя, трябва да направите свой собствен оригинален favicon.

Въпреки че много съвременни уеб браузъри поддържат favicons в GIF, PNG или други популярни файлови формати, всички версии на Internet Explorer все още изискват favicons като файлове ICO(формат на Microsoft). В този формат всеки браузър ще разбере вашата икона.

Защо се нуждаете от фавикон?

Favicon е необходим, така че вашият сайт по някакъв начин да се откроява от тълпата на страницата с резултати от търсенето и да се вижда в много отворени раздели в браузъра. Добрата икона е като лого на вашия сайт, което ще бъде разпознаваемо и създава определено отношение и буди специално ниво на доверие.

Естествено, favicon може да привлече вниманието на потребителя и той ще прочете заглавието-линк към вашата статия. Заглавието, в комбинация с добър фрагмент и красива икона, ще увеличи честотата на кликване и съответно трафика към ресурса.

Бих искал веднага да отбележа, че за сайтове, които имат етикета „GS“, самата икона не е в състояние да подобри впечатлението за ресурса. Но това е като среща по дрехите. Прекрасен favicon определено ще създаде първото впечатление за сайта, като ви приканва да посетите.

Как да създадете фавикон

Вие, разбира се, можете да опитате да намерите готов файл favicon.ico на уебсайта www.iconfinder.com, но мисля, че мнозина биха искали да направят нещо свое. В крайна сметка фавиконата е тази, която ще подчертае вашия сайт в резултатите от търсенето. Вече знаете как да направите това. Така че да започваме.

Logaster е онлайн услуга за създаване на лога и елементи на корпоративна идентичност. В него автоматично, само с няколко клика, ще получите икона за сайта в ICO и PNG формат.

Но имайте предвид, че нито един автоматичен генератор на лого не може да замени човешката креативност.

Разбира се, големите компании няма да използват такива инструменти. Те ще намерят скъп дизайнер, който да създаде професионално лого за тях. Но за малки фирми и частни предприемачи такъв инструмент може да бъде полезен.

Как протича процесът на създаване на икона в Logaster?

  1. За да сте сигурни, че фавиконата ви съвпада с вашето лого, първо ще бъдете помолени да създадете лого (безплатно е).
  2. Напишете име и, ако желаете, слоган, посочете вида на дейността и Logaster ще подготви самостоятелно много опции за лого за вас.
  3. Изберете подходящо лого, можете да го промените по-късно.

Ето какво имам

Сега можете да кликнете върху бутона „Изтегляне на лого“. В безплатната версия върху него ще има воден знак Logaster.com

Логото може да бъде закупено. След това ще можете да изтеглите в избрания формат (PNG, JPEG, PDF, SVG) и размер (1024 px, 5000 px).

Сега нека да преминем към създаването на фавикон.

  1. Отново изберете опцията, която харесвате.
  2. Можете да промените формата, за да бъде квадратна, закръглена, кръгла или да няма никаква форма.
  3. Ако желаете, добавете цветен щрих, като щракнете върху инструмента за щрих.
  4. Кликнете върху бутона "Запазване".

Ето как се оказа favicon. Принципно изглежда добре.

Как да добавите фавикон към уебсайта си

  1. Купете и активирайте favicon.
  2. Изтегли го.
  3. Разархивирайте изтегления файл в основната папка на вашия сайт.
  4. Поставете следния код на всички страници на сайта в тага :

Дизайнерски пакет с отстъпка

Допълнително можете да закупите целия комплект корпоративна идентичност. Ето един вариант.

Свързана статия: Оптимизиране на оформлението за Retina дисплеи


Плъгин за създаване на фавикони

Има огромен брой различни програми за създаване на фавикони. По принцип те са примитивни, позволявайки ви да създавате икони с помощта на 16 цвята.

Можете да създадете favicon директно във Photoshop. За да направите това, ще ви е необходим плъгин, който можете да изтеглите от www.telegraphics.com.au. За да го инсталирате, копирайте файла ICOFormat.8biв директорията c:Program FilesAdobeAdobe Photoshop CS2Plug-InsFile Formats.

Използване на плъгин ICOFormat.8bi, можете да запазвате снимки като „.ico файлове“.

Как да инсталирате приставката за формат на ICO (икона на Windows).

  1. 64-битов Windows (Vista/Windows 7):
    • Рестартирайте преди инсталиране;
    • Поставете приставката в папката C:Program FilesAdobePhotoshopPlug-InsFile Formats, но аз имам различна структура, съхранявам този файл тук: C:Program FilesAdobeAdobe Photoshop CS6 (64 Bit)Plug-ins.
    • Ако работите на 64-битова Windows система и стартирате 64-битовата версия на Photoshop CS4 или CS5, изтеглете 64-битовата версия на плъгинаи го поставете в папката Plug-Ins, съответстваща на 64-битов Photoshop (т.е. тази в „Програмни файлове“, а не „Програмни файлове (x86)“).
  2. Преместете приставката в папката „Файлови формати“ във вашата папка Photoshop Plugins:
    • За Windows (32 бита), ICOFormat.8bi
    • За Windows (64-битов), ICOFormat64.8bi
    • За Mac OS X, ICOFormat.plugin(имайте предвид, че са предоставени отделни версии за CS2, CS3/4 и CS5)
    • За Mac OS X/Classic, icoformat
    • За 68K MacOS, icoformat (68K)
  3. Ако използвате Corel PSP Photo X2, поставете приставката в C:Program FilesCorelCorel Paint Shop Pro Photo X2LanguagesENPlugIns
  4. Излезте и рестартирайте Photoshop, ако вече работи.

Има и онлайн услуга www.convertico.com. ConvertICO е безплатен онлайн ICO/PNG конвертор на файлове. Работи бързо и е лесен за използване. Използва се за конвертиране на икони на работния плот, икони на приложения и favicons за уебсайтове.

Как сами да направите favicon.ico

  1. Отворете Photoshop.
  2. Създайте документ с размери 32x32 пиксела.
  3. Вмъкнете смарт обект от готовото изображение от Illustrator.
  4. С помощта на командата „Запиши като“ запазете favicon във формат .ICO *.
  5. Качете получения favicon в корена на сайта и го свържете чрез тема на WordPress или го регистрирайте ръчно в шаблона на сайта. Вече писах за това как да свържете favicon по-рано.

*Ако нямате инсталиран специален плъгин ICO (икона на Windows) формат, можете да го изтеглите от www.telegraphics.com.au/sw/. Има за Macs, Windows 32, 64-bit с поддръжка за всички версии на Photoshop, включително CS6.

показване на фавикон

Към вашия сайт показва фавикон,може просто да се постави в основата на сайта. Самият браузър и търсачките ще установят, че имате файл favicon.ico и ще го покажат автоматично. Този метод е най-простият и е ефективен в 95% от случаите. Но можете също изрично да свържете favicon.

Какво е фавикон?

За тези, които не знаят какво е favicon, ние ще ви дадем малко информация, която ще ви помогне да се запознаете по-бързо. Favicon е малка икона с размери 16x16 или 32x32 пиксела, обикновено съдържаща лого, първата буква на марка или характерно изображение, което отразява типа бизнес или тема на сайта.

Защо фавиконата е важна?

Favicon изпълнява следните функции:

Брандиране.

Идентифициране на сайта от потребителя (лекота на използване).

Придава на сайта професионален вид.

Нека разгледаме по-подробно основните предимства на използването на favicons.

Разпознаване на марката

Favicon е като самоличност на малък сайт. Както бе споменато в уводната част, favicon помага на потребителя да запомни вашия сайт сред многото сайтове, които е разглеждал. Независимо дали става въпрос за вашата хронология на сърфиране, резултати от търсенето с Google или списък на вашия браузър с отбелязани сайтове, favicons помагат на потребителите лесно да разпознаят и осъществят достъп до вашия сайт.

Увереност

Потребителите са склонни да преценяват онлайн продавачите на стоки и услуги въз основа на това колко професионален е техният уебсайт. Невниманието под формата на липса на favicon (търсачките показват сайт без favicon като икона на празен документ) може лесно да доведе до загуба на доверие, особено когато потребителите ви сравняват с вашите конкуренти.

Повторни посещения

Известно е, че хората реагират по-добре на изображения, отколкото на текст. Сега да приемем, че посетител на вашия сайт е бързал, когато го е посетил за първи път и е решил да го маркира, за да може да се върне по-късно. Да приемем, че този човек впоследствие реши да посети вашия сайт отново и се насочи към своите отметки. Щастливец сте, ако имате разпознаваем фавикон, като изпъкващото и уникално G на Google, и потребителите ще ви намерят. Ако нямате фавикон, може дори да бъдете премахнат от списъка си с отметки.

Спестява време на потребителя

Фавиконите спестяват на потребителя време, прекарано в идентифициране на сайт в отметки, история или други места, където браузърът поставя фавикон за бързо идентифициране. Това просто улеснява живота на средния посетител на вашия сайт.

SEO ползи

Ако вашият сайт има фавикон, ще бъдете по-видими в резултатите от търсенето, отколкото сайтове, които нямат такъв, и следователно можете да привлечете повече посетители.

Как да създадете фавикон?

Има много инструменти, които ви позволяват да създадете favicon за минути. Ако нямате дизайнерски умения или не знаете как да го направите, можете да опитате да генерирате favicon с помощта на Logaster.

За да направите това, следвайте инструкциите стъпка по стъпка:

Стъпка 5: Създайте фавикон

След като вече имате лого, щракнете върху „Създаване на фавикон с това лого“ на страницата с логото.

Стъпка 6. Изберете желания дизайн на фавикон

Както при логото, Logaster ще генерира няколко дузини красиви и готови за използване фавикони. Изберете любимия си дизайн. Визуализацията ще ви позволи да видите как ще изглежда вашият favicon на сайта.

Ако трябва да промените фавиконата, можете да направите това, като редактирате логото, точно както фавиконите се създават въз основа на дизайна на логото. Така че, ако искате например различен цвят на favicon, трябва да се върнете на страницата с логото, да промените цвета й и след това да създадете favicon отново.

Можете да намерите вдъхновение за favicons на следните сайтове:

Стъпка 7. Изтеглете favicon

Можете да закупите favicon отделно за $9,99 или да закупите Design Pack, който включва не само favicon, но и лого, визитка, плик и бланка. Можете да разберете как да закупите Design Pack.

След плащане можете да изтеглите favicon във формати ico и png.

Къде мога да използвам фавикон?

Можете да използвате favicon:

На сайта;

Мобилни устройства. Потребителят може да добави фавикон към началния екран на своето устройство (нещо като отметка) – Android, IOS, Windows Phone и др.;

Програми и приложения за PC/Mac.

Как да инсталирам favicon на уебсайт?

След като получите favicon, инсталирането му на сървъра ще отнеме не повече от няколко минути и се извършва на два етапа. За да направите това, ще ви трябва достъп до главната директория на вашия сайт и текстов редактор, за да промените HTML кода на сайта.

Етап 1.Трябва да качите файла favicon.ico на сървъра. За да направите това, трябва да изтеглите и инсталирате ftp клиент, като например FileZilla. След това въведете вашето потребителско име и парола и изтеглете файла. Можете да прочетете по-подробни инструкции как да качите фавикон файл.

Стъпка 2.Сега трябва да редактирате HTML страницата на вашия сайт, за да помогнете на браузърите да намерят вашето изображение на favicon. При отворен FTP прозорец намерете и изтеглете файла index.html или header.php от сървъра.

Отворете файла index.html в текстов редактор - Notepad, Notepad++, Sublime Text.

Ако вашият сайт съдържа чист HTML, поставете специалния код в областта HEAD на файла index.html.

Кодът може да бъде копиран на страницата с фавикон на уебсайта на Logaster.

Ако използвате WordPress, поставете кода по-долу в областта HEAD на вашия файл header.php.

След като направите това, изтеглете файла обратно там, където сте го взели. Готов! Презаредете страницата на вашия сайт, за да видите favicon.

Повечето съвременни браузъри са достатъчно интелигентни, за да намерят favicon файла дори без такъв код, но само ако favicon има изображение с размери 16x16 пиксела, името favicon.ico, и е записано в основната директория на вашия сайт.

Надяваме се, че тази статия ви е дала полезна информация, която да ви помогне да създадете фавикон, който ще направи уебсайта ви по-успешен и привлекателен.

Днес искам ви представя услуги за създаване на фавикон за вашия уебсайт. Favicon е съкращение от английските думи favorite и icon. Това е изображение с размери 16 на 16 пиксела, което се нарича favicon и има разширение ico. Той се поставя в главната папка на вашия уебсайт на вашия хостинг. Когато сайтът се зареди, браузърът автоматично търси този файл, след което го добавя към адресната лента преди URL адреса на страницата и към отметките, присвоявайки го на вашия сайт. Иконата на уебсайта няма практическа полза и служи само за разпознаването му.

В наши дни всеки уеб дизайнер, който поне по някакъв начин мисли за уникалността и оригиналността на своя ресурс, е просто длъжен да направи специална икона за него. Във всеки браузър в адресната лента името на вашия сайт заедно с иконата ще изглежда модерно и подходящо. Той също така ще бъде забележим в отметките и любимите, което ще му позволи да се открои от масата на подобни сайтове. Можете да изберете икона според темата на вашия ресурс и дори преди да започнете да го изучавате, посетителят ще може веднага да разбере за какво става въпрос. Това ще се отрази добре на разпознаваемостта на сайта и формирането му като марка.

По подразбиране уебсайтът показва иконата, предвидена за него в текущия браузър. Освен това повечето версии на съвременните браузъри поддържат favicons на лични сайтове. И в търсачката Yandex, която сега доминира заедно с Google в рускоезичното пространство, когато се направи заявка за търсене, класираните сайтове се появяват заедно с тяхната икона. Ето защо, без да го отлагаме за по-късно, е наложително да обърнем голямо внимание на създаването му.

В интернет има много ресурси, които съхраняват готови икони. Има много от тях, но сега се интересуваме от създаването на фавикон.

Трябва да създадете favicon за вашия уебсайт? Нека разгледаме услугите за създаване на фавикони онлайн

Най-популярната услуга за създаване на икони на уебсайтове. Работата с него е доста проста и дори начинаещ потребител може да се справи с него. Качваме изображението, което искаме да видим като икона на сайта. Той го обработва. Разглеждаме полученото изображение и ако ни подхожда, щракнете върху Изтегляне. Файл с име. Можете да го нарисувате сами пиксел по пиксел и ако ви харесва, можете също да го запазите като икона. Важно е да се използва прост чертеж за създаване на фавикон. Ако има много многоцветни неща, в крайна сметка ще получите невзрачно петно.

Следващата услуга, която е също толкова лесна за използване, е . Работата в него е приблизително подобна на предишния аналог. Единственото е, че е на английски и има повече реклами. Но като цяло действията на поколението са доста сходни. Качете изображение, прегледайте, редактирайте и запазете.

Сега почти всеки ресурс, който предоставя услуги за промоция на уебсайтове или събиране на анализи върху тях, има допълнителна опция за създаване на favicons. Например добре познати услуги, които също имат тази допълнителна опция:

Но харесвам услуги, които са предназначени специално за създаване. Ето вижте още един хубав онлайн инструмент за генериране на икони с различни размери и формати. Скромно и с вкус. Качи нашия файл. Избран размер. Прегледайте и запазете на вашия компютър.

Разбира се, можете да използвате любимия на всички Photoshop, за да създадете иконата. Но не запазва изображения с разширение ico. Или по-скоро спестява, но за това трябва да разопаковате специален плъгин - icoformat.8bi и да го инсталирате в папката Plug-Ins\File Formats в папката Photoshop. Това ще ви позволи да запазвате файлове с желаното от нас разширение. За мен това е доста неприятно.

Предлагам този вариант. Във Photoshop създаваме изображение, което искаме да видим като икона, запазваме го с произволно разширение и го изпращаме на една от горните услуги, където ще получим това, от което се нуждаем от тези изображения.

Можете също да използвате онлайн конвертори на графични изображения от един формат в друг. Например тук или. Използвайки ги, можете да промените всяко разширение на графичен файл на ico.

Как можете да накарате една икона да стане фавикон за сайта?

Необходими са следните стъпки:

1 Уверете се, че файлът е извикан.

2 С помощта на Filezilla го поставяме в основната папка на нашия сайт. На теория тези действия са достатъчни и браузърът автоматично ще определи къде се намира. Но ние играем на сигурно и записваме пътя до този файл в html код.

3 За да направите това, вземете нашия файл с тема header.php (можете да го редактирате в административния панел директно в WordPress или можете да го изтеглите от сървъра), отворете го и го добавете преди затварящия маркерследния код:

/favicon.ico"/>

/favicon.ico"/>

4 Запазете файла и го прехвърлете обратно на хостинга.

5 Изчистете кеша на текущия браузър и това е всичко. Получихме желания резултат.

Между другото, не е необходимо favicon да се намира в корена. Атрибутът href директно указва пътя до него. Получава се така:

Също така не е необходимо иконата да има разширение ico. Можете също да използвате разширенията png и gif. За да направите това, кодът променя типа на изходния файл.

Тоест, променяме типа от image/x-icon на image/png или gif.

Между другото, можете да добавите още нещо. Създадохме и инсталирахме фавикон за сайта, но в админ панела на WordPress стандартният фавикон остана по подразбиране. За да се промени навсякъде, трябва да вмъкнете следния php код във файла function.php на нашата тема:

функция sp_set_favicon() ( ехо " "; ) add_action("admin_head", "sp_set_favicon"); add_action("login_head", "sp_set_favicon"); add_action("wp_head", "sp_set_favicon");

функция sp_set_favicon() (

ехо ".get_bloginfo("template_url" ) />

" ;

add_action ("admin_head" , "sp_set_favicon" ) ;

add_action ("login_head" , "sp_set_favicon" ) ;

add_action ("wp_head" , "sp_set_favicon" ) ;

Сега това ще бъде отразено във всички заглавки.

Това е общо взето всичко. Днес обсъдихме защо трябва да създадете favicon за уебсайт и разгледахме онлайн услугите за създаване на favicon за уебсайт и тънкостите на неговото инсталиране. Не забравяйте да се абонирате за актуализации на блога. Ще се видим скоро!

Гледайте видеоклипа за това как да създадете favicon.ico и да го хоствате:

Фавиконите са много малка, но в никакъв случай не последната част от всеки сайт. Те се появиха с раждането на Интернет и остават търсени и до днес. Има няколко начина да ги създадете. Можете да използвате плъгини за програми или можете да използвате специални уеб помощни програми. Нека поговорим за тях.

X-икона-редактор

За разлика от предишния инструмент, favicon.cc съдържа по-малко инструменти за рисуване. Тук можете да рисувате само отделни пиксели с определен цвят и прозрачност. Този инструмент също ви позволява да импортирате изображения, да ги редактирате според нуждите и да ги експортирате като favicons.

Благодарение на специален панел, докато рисувате любимо, веднага ще видите как изглежда в браузъра Internet Explorer.

Антифавикон

Стандартният размер на favicon (16x16) е, разбира се, твърде малък за текст. Antifavicon обаче ви позволява да поставите два реда текст в това малко пространство. Използваният шрифт със сигурност не е толкова страхотен, но какво да се прави :).

Дадената рамка, разбира се, ограничава. Въпреки това, след като разгледате някои примери, можете да излезете с нещо доста интересно.

Faviconist

Последната услуга, която ще разгледаме, е Genfavicon. Тук можете да качите изображение, да го конвертирате в икона и веднага да видите как ще изглежда в браузъра. След това можете да изтеглите икона с определен размер.

Всички услуги, които обсъдихме днес, имат своите плюсове и минуси. Сред тях обаче има и такива, които могат да дадат нещо повече от своите конкуренти. Така че маркирайте тези сайтове. Определено ще са ви полезни.

Честно казано, наистина харесвам favicon. Имам дълбока, еднакво целомъдрена платонична любов към него. Това не означава, че разказвам на колегите си уеб администратори истории за това как промених favicon и трафикът се увеличи с 10% (макар че чакайте... може би това се случи), но означава, че когато favicon на новия ми сайт се появи в Yandex index, самият сайт започва да ми изглежда малко по-SDL.

Какво е фавикон?

Favicon (Favicon – съкращение от „любима икона“) е изображение, което се показва в адресната лента на браузъра преди адреса, в раздела, съответстващ на прозореца с отворената страница на сайта, както и при добавяне на ресурс към раздели любими. Тези изображения могат да помогнат на потребителя да запомни по-добре марката или компанията и да увеличат разпознаваемостта на сайта. Често намалено или леко променено изображение на лого на компания или марка се използва като фавикон.

Ползи от използването на favicon

Използването на favicon носи ползи във времето. Например, разгледайте тези опции:

  • Когато потребителят отвори много раздели в браузъра, той може веднага да определи на кой от тях е сайтът, дори ако текстът с името вече не се показва;
  • В резултатите от търсенето на Yandex фавиконата се показва вляво от сайта или неговата страница, което привлича вниманието на посетителите и го отличава от другите;
  • Картината се помни добре и остава в паметта - в резултат на това сайтът става по-разпознаваем и привлекателен за потребителите.

По този начин favicon е част от изображението на сайта, което изпълнява не само естетическа функция, но също така прави по-удобно за потребителя да търси портала в отметки, раздели и резултати от търсене.

Функции на Yandex, работещи с favicons

Търсачката Yandex е една от малкото, които подчертават favicons на сайтове и ги показват при изграждането на списък с резултати от търсенето. За целта специален бот периодично индексира сайтове и актуализира информацията за наличието на favicons.

Преди това актуализациите на favicon се случваха веднъж на всеки няколко месеца. Сега, през 2018 г., Yandex ги индексира много по-енергично и на някои от новите ми сайтове favicon се появява в рамките на няколко дни.

За да проверите дали Yandex показва favicon, можете да намерите вашия портал в списъка за търсене и да видите дали иконата се вижда отляво на него. Можете също така да въведете следната конструкция в адресната лента: за Yandex - http://favicon.yandex.net/favicon/www.site.ru (където вместо www.site.ru трябва да въведете домейна на вашия сайт ). Правилно създаден Favicon ще се покаже на черен фон и това означава, че Yandex го вижда.

Ако фавиконата не се вижда, това може да се дължи на следните причини:

  • Размерът на изображението не отговаря на необходимия размер: 16x16 пиксела;
  • Форматът на изображението не е същият - трябва да е ico, jpeg или png (първата опция е по-предпочитана за Yandex);
  • Картината е размазана или не е уникална - понякога поради тези причини търсачката блокира иконите;
  • Yandex актуализира системата - след известно време всичко трябва да се коригира;
  • Сайтът се намира по-далеч от стотната позиция в резултатите от търсенето - в този случай фавиконата също може да не се показва.

След като проверите картината според тези критерии, трябва да коригирате недостатъците. Ако след това иконата не се показва, можете да се свържете с поддръжката на Yandex.

За да се показва favicon в Yandex.Direct, той трябва да бъде правилно проектиран и разположен на правилното място в сайта. След това роботът за търсене на Yandex ще го индексира и ще започне да го показва в резултатите от търсенето. Това обикновено се случва 2-4 седмици след публикуването на сайта с промените. Няма нужда да уведомявате или да молите Yandex да публикува favicon; това ще стане автоматично след изтичане на определено време, след като се появи на портала.

Как да създадете фавикон

Ако искате да създадете ico файл от голямо изображение във формат, например png, тогава би било добра идея първо да инсталирате Adobe Photoshop. След това се инсталира ICO плъгинът за Photoshop (потърсете плъгина за вашата версия на FS в търсачката). Когато е инсталиран, копираме желания файл ICOFormat.8bi (за 32-битов) или ICOFormat64.8bi (за 64-битов) в един от следните пътища:

C:\Program Files\Adobe\Adobe Photoshop CS6 (64 бита)\Plug-ins\File Formats
C:\Program Files (x86)\Adobe\Adobe Photoshop CS6\Plug-ins\File Formats

Ако няма папка „Plug-ins“ или „File Formats“, тогава трябва да я създадете. Сега в диалоговия прозорец за запазване можете да изберете формата на ico. Размерите на създадените икони могат да бъдат кратни на 8 (16×16, 24×24, 32×32 и т.н., но най-надеждно е да изберете 16×16).

След това изображението, което трябва да стане favicon, се отваря във Photoshop. Щракнете върху „Изображение – Размер на изображението“ и размерът на изображението се променя на 16x16 пиксела. След това натиснете „Файл – Запиши като“ и изберете ICO формата (името на файла трябва да е favicon.ico).

Аз самият наскоро конвертирах изображения в ico формат без Photoshop. Използване на услугата https://realfavicongenerator.net/.

< link rel = ”shortcut icon ”href = ”/ favicon . ico ”type = ”image / x - icon ”/ >

< link rel = ”icon ”href = ”/ favicon . ico ”type = ”image / x - icon ”/ >

След известно време favicon ще се появи на сайта.

Някои умни хора правят favicon под формата на стрелка, триъгълник и добавят червени елементи, така че потребителят да кликне. Това, разбира се, може да се направи, но за това сайтът може да бъде изкуствено понижен.

Yandex плаши фавиконите маниаци

Когато проектирате икона, имайте предвид, че изображението трябва да бъде ясно и ясно видимо, въпреки малкия формат. Ето защо е по-добре да използвате възможно най-малко отделни предмети и не твърде много цветове. Можете да разгледате фавиконите на конкурентите и да помислите как можете да се откроите от тях.

Услуги

Има и специални програми и ресурси за създаване на икони, сред които са популярни следните:

  • favicon.cc - най-простият редактор ще ви позволи да създадете просто изображение, принципът на работа е малко като Paint. Цветовете също се избират и се прави рисунка чрез щракване върху пикселните квадратчета, които трябва да бъдат боядисани. Има инструмент за корекция. Създаденото изображение може също да бъде запазено на вашия компютър като готово изображение на фавикон. Докато работите, в долната част на екрана можете да видите предварителния резултат във вида, в който ще бъде показан в браузъра. Ресурсът предлага и голям избор от готови икони;
  • favicon.ru – тук е по-добре да създадете favicons от готови изображения. Картината се изтегля от компютъра, обработва се от системата и се конвертира във файл favicon.ico, който след това може да бъде изтеглен;
  • iconj и audit4web са бази данни, където можете да намерите готови favicons.

Има и такава услуга:

Можете да се обърнете към дизайнер за разработване на изображението, но това ще струва значително повече.

Друг момент е, че изображението за иконата не може да бъде анимирано, то винаги е неподвижно, дори ако изображението с някакви нестатични ефекти е използвано като основа.