Что такое фавикон

что такое favicon

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

Если у вас есть много сомнений по этому поводу, здесь мы дадим вам ключи, чтобы вы поняли это и, прежде всего, чтобы вы могли представить это в своем проекте и получить лучшую презентацию. Уверяем Вас!

Что такое фавикон

Что такое фавикон

Мы начнем с объяснения того, что такое значок, чтобы вы его поняли. И для этого нет ничего лучше, чем дать вам практический пример. Представьте, что вы просматриваете прямо сейчас (фактически, вы читаете нас). Но у вас не одна вкладка, а несколько. Возможно, вы заметили, что в каждом из них отображается название того, что отражает эта страница, будь то YouTube (потому что вы слушаете фоновую музыку), Gmail (потому что ваша почта открыта) или эта страница.

Рядом с каждым именем слева появляется небольшое изображение в квадрате. Тот, что на YouTube и Gmail, обязательно будет идентифицирован по логотипам, которые у них есть, но как насчет остальных вкладок?

Что ж, то, что вы видите, на самом деле является фавиконом. Другими словами, это значок, связанный с посещаемой вами страницей, Вот почему так важно обращать внимание на эту деталь, потому что, когда вы добавляете страницу в избранное или ярлыки, значок становится «изображением» этой страницы, и поэтому вы должны позаботиться о его дизайне, чтобы он связан идеально (и, прежде всего, хорошо выглядеть, чтобы отличать его от других).

Размер этого маленького значка обычно составляет 16 × 16 пикселей (хотя его также можно установить на 32x32 пикселей). Внутри вы должны позаботиться о том, чтобы все, что вы поместили, было видно правильно, иначе оно будет выглядеть как небольшое идентифицируемое пятно (и это создаст очень плохое изображение вашей страницы).

Почему фавикон так важен?

Почему фавикон так важен?

Теперь, когда вы знаете, что такое значок, и что вы нашли его на страницах, которые вы обычно открываете, заметили ли вы, что сегодня все меньше и меньше страниц отсутствуют? Это потому, что действительно очень важно дать представление об элегантности и ноу-хау. То есть вы собираетесь передать имидж бренда или корпорации, который заботится о деталях.

Однако у этого значка есть и другие варианты использования, такие как:

  • Служат идентификатором вашей страницы. Обычно этот значок связан с логотипом, который у вас есть на вашем веб-сайте, только в меньшем размере. Но когда логотип слишком большой и его не видно на маленькой кнопке, вы склонны выбирать что-то, что к нему относится.
  • Вы поможете пользователям, которые сохранили вашу страницу, визуально идентифицировать ее. Таким образом, даже если они не помнят URL-адрес или название компании, из-за изображения значка они найдут его.
  • Быть «хорошим» в SEO. К этому следует относиться с недоверием. И дело в том, что наличие или отсутствие значка не повлияет напрямую на SEO (то есть не будет позиционировать вас лучше или хуже, если он есть или нет). Теперь становится все более распространенным, что когда браузер входит на страницу, он ищет этот значок, а если не находит его, то выдает ошибку 404. И вы знаете, что эти ошибки не годятся для SEO страница.

Как сделать фавикон

Как сделать фавикон

После просмотра становится ясно, что значок является важным элементом веб-страницы. А как же его сделать?

Вы должны знать, что в большинстве случаев то, что он делает, выберите логотип этого веб-сайта или, если он слишком большой, то, что его идентифицирует. Например, представьте, что у вас есть телевизионный веб-сайт, на который вы каким-то образом звонили. Но это в фавиконе слишком велико. Вместо этого вы можете поместить изображение телевизора, чтобы они рассказали об этом. В этих случаях рекомендуется носить те же цвета, что и ваш веб-сайт, чтобы лучше его идентифицировать.

А теперь как мы можем создать фавикон? Что ж, у вас есть несколько вариантов:

Фотошоп, GIMP ...

Другими словами, мы говорим о программах для редактирования изображений, поскольку значок создается точно так же, как изображение. Конечно, вы должны сохранить его в формате .ico, чтобы он был распознан как таковой, потому что его нельзя оставить как jpg, gif или аналогичный.

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

Фактически, его следует загрузить и протестировать в разных браузерах, чтобы убедиться, что он хорошо выглядит, репрезентативен и, прежде всего, понятен.

Использование онлайн-инструментов

В этом случае мы имеем в виду веб-страницы, которые заботятся о преобразовании любого изображения, которое вы хотите, в значок за считанные секунды. Но у вас также есть возможность создайте свой значок прямо с этими страницами.

Если вы хотите первое (загрузите изображение и сконвертируйте его), мы рекомендуем Favicon Generator или Favic-o-matic. Но если вы хотите второе (создать его с нуля), сделайте ставку на favicon.io или редактор x-icon.

С WordPress

Ваша страница сделана в WordPress? И знаете ли вы, что вы можете использовать эту систему для создания своего значка. Для этого вы можете использовать некоторые плагины, которые позволяют вам создавать эту кнопку на основе изображения, которое вы загрузили (или которое вы загружаете). Также через "Внешний вид / Настроить" вы можете это сделать.

После того, как вы создали значок, вам просто нужно разместить его на своем веб-сайте и заставить его распознать его, чтобы иметь возможность отображать его в левой части имени вашей страницы, а также при сохранении в избранном. Таким образом, они легко узнают вас, не останавливаясь, чтобы прочитать, если это именно та страница, которую они действительно хотели посетить.


Содержание статьи соответствует нашим принципам редакционная этика. Чтобы сообщить об ошибке, нажмите здесь.

Будьте первым, чтобы комментировать

Оставьте свой комментарий

Ваш электронный адрес не будет опубликован. Обязательные для заполнения поля помечены *

*

*

  1. Ответственный за данные: Мигель Анхель Гатон
  2. Назначение данных: контроль спама, управление комментариями.
  3. Легитимация: ваше согласие
  4. Передача данных: данные не будут переданы третьим лицам, кроме как по закону.
  5. Хранение данных: база данных, размещенная в Occentus Networks (ЕС)
  6. Права: в любое время вы можете ограничить, восстановить и удалить свою информацию.