Интересный блог Виталия Пискарева

Что такое Фавикон?

Фавикон — это пользовательский значок, связанный с интернет-страницей или веб-сайтом, который появляется рядом с адресом http в окне URL браузера. Он также будет занимать открытые вкладки в браузерах с поддержкой вкладок и будет отображаться рядом с закладками ссылок.

Термин сочетает в себе слова «избранное» и «значок». В Microsoft Internet Explorer версии 5.0 появилась возможность отображения фавиконов, за которыми следуют другие основные браузеры. Firefox, Netscape, Opera, Safari являются одними из многих браузеров, которые поддерживают эту функцию.

favicon столь маленький, что он измерен в пикселях. Пиксель — самая маленькая единица измерения на мониторе. Пиксели, которые напоминают крошечные блоки, явно видимы, рассматривая экран дисплея через лупу. favicon — всего 16×16 пикселей, 32×32, или, в случае компьютеров Macintosh, иногда 64×64 или больше.

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

Эти символы могут быть разработаны в монохроме, 16 цветах, 256 цветах, или больше, используя почти любую графическую программу. Как только дизайн уменьшен, он может быть преобразован в файл символа.

Не все графические программы сохраняют файлы как .ico файлы, но есть много графических программ, доступных онлайн, которые характерны для .ico создания файла и преобразования. Открывая .bmp, .jpg, .gif, или другой файл изображения в одной из этих программ и выбирая «Сохранить Как», Вы можете преобразовать изображение в надлежащий .ico, форматируют и называют файл favicon.ico.

Символ может теперь быть загружен на корневой каталог Вашего веб-сайта. Браузер будет искать этот файл и показывать его, если найдено. Чтобы его отобразить, нужно прописать две линии простого кода в шапке интернет-страницы как показано ниже. Измените «website.com» на свое фактическое имя веб-сайта:

<ink rel=»icon» href=»http://website.com/favicon.ico» type=»image/x-icon» />
<link rel=»shortcut icon» href=»http://website.com/favicon.ico» type=»image/x-icon» />

Если веб-сайт закладки в Internet Explorer, прежде чем он имеет значок, Новый может не отображаться. Удалите закладку, очистите кэш браузера и перезапустите браузер. Теперь вручную перейдите на веб-сайт, и вы должны увидеть значок favicon. Добавьте сайт в закладки, чтобы добавить его в избранное.

В то время как Internet Explorer требует, чтобы значок был .ico-файл, Firefox, Netscape и другие популярные браузеры также могут отображаться .файл GIF. ,jpg, and .PNG-файл. Если используется файл изображения другого типа .ico, код должен быть изменен, чтобы отразить правильный тип изображения. Например, если используется favicon.png код: type=»image/png» /> вместо type=»image/x-icon» />

Связывание фавикона с веб-сайтом создает визуальный брендинг, который может помочь серферу вспомнить ваш сайт и его содержимое с помощью простого взгляда на его или ее закладки. Будь то мини-логотип или оригинальный дизайн, ваше изображение будет идеально отражать что-то из контента сайта, характера или имени. Есть компаний онлайн, которые проектируют favicon для Вас при желании.

Добавить комментарий

Я не робот