Не все браузеры требуют одинаковых размеров фавикона. Поэтому в дополнение к фавиконкам размером 16 х 16 пикселей или 32 х 32 пикселя рекомендуются другие варианты.
Фавикон: для чего нужна иконка-картинка?
Термин «фавикон» (образованный от сочетания слов «избранное» и «значок») относится к небольшому графическому изображению, которое, среди прочего, отображается в открывать вкладки браузера, облегчая пользователям поиск страницы. открытый веб. Хотя поначалу в качестве фавиконки может использоваться логотип бренда или компании, строгие размеры, которые должна соблюдать эта графическая иконка, означают, что часто в качестве таковой используется только часть логотипа или его вариация. В мобильных устройствах, кроме того, эти маленькие значки также используются в качестве сенсорного значка. Для получения дополнительной информации об этих графических значках вы также можете обратиться к нашей статье «Что такое фавикон? Определение и значение».
Какой размер рекомендуется для фавикона?
Рекомендуется, чтобы все веб-страницы содержали фавикон. Таким образом легче найти нужную страницу. Кроме того, вы поможете сделать веб-сайт более профессиональным и улучшите его работу с точки зрения SEO. Однако существуют строгие правила относительно размера фавикона. В большинстве браузеров измерения 16 х 16 пикселей или 32 х 32 пикселя необходимы. В то время как значок 32 x 32 пикселя рекомендуется для дисплеев с высоким разрешением, значок 16 x 16 пикселей часто используется для других целей. Поэтому самое простое — включить в код оба.
Размер фавикона для гугла
Кроме этих двух представленных размеров для фавиконов, есть форматы, которые тоже полезно и лучше включать, особенно для Google. Результаты поиска на этой платформе сопровождаются фавиконом, который должен соответствовать размерам 48 х 48 пикселей . В качестве альтернативы вы можете выбрать несколько форматов этих размеров. Этот размер значка также важен для Android, который использует значки этого размера для ярлыков на главном экране. Для устройств с высоким разрешением экрана 192 х 192 пикселей Фавикон также полезен.
Размер фавикона для устройств Apple
В случае с Apple вопрос сложный. Наиболее подходящие размеры фавиконки зависят от конечного устройства, на котором она отображается. Для iPhone формат 60 х 60 пикселей используется, хотя можно использовать и более высокое разрешение, если оно кратно этому значению. Это обеспечивает оптимальный просмотр с высоким разрешением, которое уменьшается для других целей. Следовательно, 180 х 180 пикселей значок изображения — хороший выбор. С другой стороны, значки iPad отображаются в 83,5 х 83,5 пикселей . Для дисплеев Retina и Super Retina рекомендуется размер фавиконки 167 x 167 пикселей.
Краткий обзор самых важных размеров фавикона
Другие исключения применяются для некоторых браузеров и устройств. В частности, более старые устройства теоретически требуют других размеров для правильного размера значка браузера. Вот список наиболее распространенных размеров фавикона:
| Браузер или устройство | Размер |
| Большинство современных браузеров | 16 х 16 или 32 х 32 пикселей |
| Гугл и Андроид | 48 х 48 или 192 х 192 пикселей |
| айфон (последние модели) | 60 х 60 или 180 х 180 пикселей |
| iPad (последние модели) | 83,5 х 83,5 или 167 х 167 пикселей |
| Интернет-магазин Chrome | 128 х 128 пикселей |
| Гугл ТВ | 96 х 96 пикселей |
| Интернет Эксплорер 9 | 24 х 24 пикселей |
| домашний экран айпада | 72 х 72 пикселей |
| iPhone (старые модели) и iPod Touch | 57 х 57 пикселей |
| домашний экран айфона 4 | 114 х 114 пикселей |
| Быстрый набор номера Opera | 195 х 195 пикселей |
Расширения файлов: какие форматы может иметь фавикон?
Вы можете использовать различные форматы изображений для своего фавикона. Тем не менее, это Формат файла образа Windows .ico, поддерживаемый многими браузерами, который используется чаще всего. Со своей стороны, формат .png рекомендуется для больших изображений, которые также могут функционировать как тактильные значки. Другой форматы являются .svg или .gif .
Генератор для создания фавикона
Поскольку есть несколько аспектов, на которые следует обратить внимание при установке правильного размера значка для вашей веб-страницы, проще всего использовать генератор. Он проведет вас через все шаги и проверит, совместим ли значок со всеми основными браузерами. Наконец, вы можете добавить значок в WordPress или поместить значок в HTML.