ПредишенСледващото

Как да създадете уеб икона за вашия сайт

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

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

Защо ми е необходим уеб иконата

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

Защо трябва Favicon:

  • Икона в раздела браузър. Стана така, че отдавна започна да използвате иконата и създателите на браузъра го слагат преди да се отправят раздела Titile браузър, така че тя е пуснала корени там. В наши дни, вече се счита, стандарт.
  • Икона в любими. Любими, то е едно и също с маркери, това е мястото, където можете да се спаси линк към сайт с бележка да не се губи. В действителност, много полезно нещо за тези, които са били активни в интернет, защото понякога не искат да губят любимите или полезни ви уебсайтове. По-долу можете да видите пример за моя списък.

Как да създадете уеб икона за вашия сайт

  • Икона в резултатите от търсенето. Търсачките изтеглени от повечето от лявата й връзки към сайта. Много важен фактор в това, че сайтовете с икона на сайта са кликнали по-често от сайтовете не го имат. Затова е препоръчително да го инсталирате. При ниски нива на трафик, няма да го забелязват, но когато трафикът ще бъде 1,000 или повече, вие ще започнете да се чувствате ефекта на иконите на Вашия уебсайт. С цел повишаване на CTR (кликвания) да издава струва да мисля за да го инсталирате. Пример може да видите по-долу.

Как да създадете уеб икона за вашия сайт

  • Икона на десктопа, ако сте там с линк към сайта. Това явление може да се види рядко, но това все още се случва. Има потребители, които предпочитат да запазите любимите си уеб сайтове на вашия работен плот или в комбинация Windows. И това е мястото, където могат да възникнат проблеми, ако икона на сайта не е направено правилно. факт е, че размерът на Favicon не е 16 × 16. По-точно 16 × 16 е един от размерите на иконите на сайта, както и не трябва да има най-малко 3 различни резолюции. Но търсенето на информация в мрежата за това, малко хора знаят. А сега ще ви покажа основните разлики е, че когато имаш една икона и няколко различни резолюции.

Как да създадете уеб икона за вашия сайт

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

Как да се направи Favicon

Как да създадете уеб икона за вашия сайт

За да започнете, отворете Photoshop и да започне да създадете файл документ - създаване или можете да направите кратка клавишна комбинация CTRL + N.

Как да създадете уеб икона за вашия сайт

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

Как да създадете уеб икона за вашия сайт

След това кликнете върху бутона OK и ще видите как изглежда вашето работно място, за да бъде с размерите на 48 х 48 и тя ще бъде много малък. Трябва да го направя на цял екран, за лесно рисуване. Можете да плъзнете плъзгача за мащабиране, или просто натиснете CTRL и "+".

Как да създадете уеб икона за вашия сайт

Тогава аз избрах инструмент "овална", обърна кръг с него, защото искам да имам уеб икона е кръгла, и изберете цвят е тъмночервен, защото тя е от основните цветове на моя блог. Резултатът е кръг тук, като тук. Вашата снимка може да бъде различна. На скута Платих «S» писмото. При прилагането на етикета, трябва да изберете "остър" писмена форма, защото при тази резолюция, която и изглаждане развалят буквите, защото с намаляването на размера на 16 × 16, писмото ще се слее със самата себе си. Но "остър" написването всичко ще бъде наред.

Как да създадете уеб икона за вашия сайт

Ние всички ли размера на иконите на 48 × 48, и ние трябва да го пазят. За да направите това, изберете "File" - "Запази като". Но има и друг вариант, ако сте фен на жестоката спестяване на пространство е важно за вас, или скорост на изтегляне, след това отидете на раздела точно под "Запазване за уеб». Лично аз остане просто.

Как да създадете уеб икона за вашия сайт

Натиснете "Запис" и се появи прозорец, където трябва да изберете мястото, за да запазите уеб икона. Що се отнася до формата, след това изберете някоя. Въпреки, че много често можете да намерите информацията, която ви трябва ICO формат, това е стара информация, тя трябва да бъде записан в PNG формат, както и че няма да е грешка.

След това трябва да създадете няколко копия на икони, така че трябва да се намали дори до две размери до 32 х 32 и 16 × 16. Нека първо да направите копие на 32 × 32, ще мине гладко да се намали. За да направите това, вие трябва да отидете на раздела "Image" - "размера".

Как да създадете уеб икона за вашия сайт

След като кликнете върху "размер", ще се отвори раздел, където ще изберете намали икона на сайта. В нашия случай това с размера на 48 × 48, трябва да бъде намален до размер от 32 × 32.

Как да създадете уеб икона за вашия сайт

След това трябва да се повтаря процедурата, освен уеб икони, но да се даде друго име, например, favicon32, но в по-голямата favicon48 аз лично ги нарича така, за по-голяма простота.

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

Как да създадете уеб икона за вашия сайт

Отново, имайте получената иконата под различно име, това може да се нарече favicon16 и не забравяйте да изберете формат за да спаси PNG.

Как да се промени уеб икона

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

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

След като на мястото на този маркер, всички ние трябва да се предписва само на 3 от нашите икони. Фактът, че с въвеждането на HTML5, не е необходимо, че форматът е ICO. Сега можете да използвате PNG. И ти и аз ще го добавите към този формат. На старото място, поставете новия код, правилното уеб икона код.

Посочването на тази икона сайт, в три формата, ясно да заявим, че имаме различни размери и трябва да вземат това, което искате, ако е необходимо повече, ще отнеме 48 × 48. По същия начин с друга, браузър раздела ще вземе 16 × 16 и така нататък. Но най-долния ред е, че иконата е вече голям, ако е необходимо, ще изглежда хубаво и загладени, което е хубаво плюс.

Сподели този линк:

Здравейте Иван, благодаря ви за вашето изявление, той ми помогна много. Отначало аз го взех, привлече уеб икона в Photoshop, а след това не можех да разбера как да го постави на мястото, навсякъде пише, че трябва да бъде строго ICO, и вие сте отхвърлили прекрасен код, който позволява да се зареди всякакъв формат, сега не трябва да страдат от програмата за търсене прави ICO , Благодаря ви още веднъж, променила своя уеб икона и сега не мога да получите достатъчно.

Аз FAVICON инсталиран с приставката. Вие ще трябва да се направи, както си е описано, както и отстраняване на излишната плъгин.

Свързани статии

Подкрепете проекта - споделете линка, благодаря!