Как да създадете Favicon.ico: 5 стъпки (със снимки)

Съдържание:

Как да създадете Favicon.ico: 5 стъпки (със снимки)
Как да създадете Favicon.ico: 5 стъпки (със снимки)

Видео: Как да създадете Favicon.ico: 5 стъпки (със снимки)

Видео: Как да създадете Favicon.ico: 5 стъпки (със снимки)
Видео: Учим Photoshop за 1 час! #От Профессионала 2024, Април
Anonim

Когато посещавате уебсайт като Google, Yahoo или wikiHow, може да забележите, че вляво от адресната лента има малка икона. Това е известно като фавикон и можете да създадете свой собствен за уеб сайт. Освен че придава на вашия сайт по -професионално усещане, иконата ще се появи в отметките на потребителя до всички страници на вашия сайт, които са поставили в любимите си. Това може да им помогне да намерят по -лесно вашия сайт.

Стъпки

Създайте Favicon.ico Стъпка 1
Създайте Favicon.ico Стъпка 1

Стъпка 1. Създайте изображение с размер 16x16 пиксела

Това трябва да е просто изображение, така че да се разпознава незабавно.

Създайте Favicon.ico Стъпка 2
Създайте Favicon.ico Стъпка 2

Стъпка 2. Преобразувайте изображението във файл favicon.ico

Трябва да се нарича точно така, в противен случай браузърът няма да го разпознае. Лесен начин да направите това е да използвате Generic Drive FavIcon Generator. Друг начин е да използвате безплатен GIMP редактор на изображения и да запазите 16x16 изображението във ICO формат.

Създайте Favicon.ico Стъпка 3
Създайте Favicon.ico Стъпка 3

Стъпка 3. Качете генерирания файл на вашия уеб сайт

Създайте Favicon.ico Стъпка 4
Създайте Favicon.ico Стъпка 4

Стъпка 4. Добавете следния код към HTML на вашия уеб сайт

Трябва да го поставите в раздела на кода и да се уверите, че пътят до иконата е правилен, спрямо уеб страницата. Кодът следва (ако приемем, че.html и.ico са в една и съща горна директория):

Създайте Favicon.ico Стъпка 5
Създайте Favicon.ico Стъпка 5

Стъпка 5. Опреснете страницата, отстъпете назад и се възхищавайте на красивата нова икона на вашия уеб сайт

Съвети

  • Въпреки че иконата ви ще бъде много малка, бъдете сигурни, че други хора могат лесно да я прочетат/разберат.
  • Ако използвате Linux, можете да конвертирате файла директно на вашия компютър. Просто изберете подходящо изображение, отворете командния ред, отворете директорията, където съхранявате изображението и въведете: convert picture-p.webp" />

Препоръчано: