Создание собственного Favicon

Оглавление:

Anonim

Я собираюсь признать, что-то вроде отвратительного. Мне очень нравятся иконки. Они веселые. Они отличный инструмент для брендинга. И они являются чем-то простым, что владельцы малого бизнеса могут сделать, чтобы оживить свои сайты и даже повысить удобство использования для пользователей.

Если вы не знаете, что такое favicon, позвольте мне предложить некоторую помощь:

$config[code] not found

Фавиконы - это миниатюрные 16 × 16-пиксельные графические изображения, которые представляют ваш веб-сайт вверх в адресной строке, в списке закладок пользователя или на вкладках их браузера. Они позволяют вашим посетителям создать визуальную связь с вашим сайтом.

Ухоженная! Как вы создаете один?

Создай свой значок:

  • РукойОткройте вашу любимую графическую программу и доберитесь до нее. Вам нужно либо создать новый файл размером 16 × 16 пикселей, и увеличивать его до тех пор, пока область не станет работоспособной, ИЛИ открыть область, которая больше, но все еще является кратной 16 × 16. Когда вы разрабатываете свой значок вручную, используйте что-то, что будет точно представлять ваш бренд - будь то общая цветовая схема, инициалы вашей компании и т. Д. Все, что вы создаете, должно выдерживать жесткие ограничения 16 × 16 пикселей.
  • С инструментамиЕсли у вас проблемы с дизайном (не беспокойтесь, я тоже), есть несколько отличных инструментов, которые позволяют даже таким людям, как мы, создавать отличные иконки. Например, Favicon.cc даст вам некоторую структуру и позволит вам создать свой сайт прямо с их сайта, а FavIcon из Pics позволит вам загрузить картинку и сгенерировать для вас значок. Просто!

Сохранить ваш значок: При сохранении файла уменьшите его до 16 бит и сохраните как «favicon.ico», если вы используете Photoshop, «favicon.gif» или «favicon.png», если вы используете что-то другое. Если вы используете Photoshop и хотите, чтобы ваша иконка была в плюсе, рекомендуется загрузить плагин формата файлов Windows Icon, чтобы вы могли сохранить его в формате ICO.

Загрузите ваш значок: Подключитесь к вашему серверу и загрузите ваш значок в корневую папку вашего сайта. Затем добавьте следующий HTML-код в раздел head вашей веб-страницы (между двумя тегами Head) (выберите тип файла):

обновление: После того, как вы закончите, обновите ваш браузер, и вы должны увидеть ваш значок. Если нет, дайте ему несколько минут. Иногда для синхронизации всего требуется немного времени.

И это все! Четыре шага, и у вас есть отличный фирменный значок, который поможет пользователям распознавать ваш сайт в списке закладок или в их браузере. Довольно просто, правда?

Просто для удовольствия, вот некоторые из моих любимых значков в Интернете:

  • Мичиганский фейерверк
  • Джеффри Зельдман
  • Боинг Боинг
  • Encyclopedia.com
  • Fool.com
  • SEO блог Майкла Грея

Любые другие личные фавориты?

17 комментариев ▼