размер значка
Фавиконки всегда квадратные , то есть имеют одинаковое количество пикселей по горизонтали и вертикали.
Минимальный размер составляет 16 пикселей, и вы можете выбрать другие размеры, хотя сегодня можно сказать, что стандартом является 32 пикселя.
Однако для других целей идеальный размер может быть другим, и это настоящая проблема при выборе размера. Мой совет: создайте разные версии в разных размерах и попробуйте посмотреть, как они выглядят на разных устройствах.
Ниже я оставляю вам таблицу с рекомендуемыми размерами для некоторых наиболее часто используемых устройств:
Платформа имя файла Значение атрибута Rel для HTML размер значка
Гугл ТВ favicon.png икона 96×96
Оперный Берег favicon-coast.png икона 228×228
iPad Retina с iOS 7 или более поздней версии apple-touch-icon-152×152-precompose.png предварительно составленный значок Apple-Touch 152×152
iPad Retina с iOS 6 или более ранней версии apple-touch-icon-144×144-precompose.png предварительно составленный значок Apple-Touch 144×144
iPad Mini или первые поколения с iOS 7 или новее apple-touch-icon-76×76-precompose.png предварительно составленный значок Apple-Touch 76х76
iPad Mini или первые поколения с iOS 6 или более ранней версии apple-touch-icon-72×72-precompose.png предварительно составленный значок Apple-Touch 72×72
iPhone Retina с iOS 7 или более поздней версии apple-touch-icon-120×120-precompose.png предварительно составленный значок Apple-Touch 120×120
iPhone Retina с iOS 6 или более ранней версии apple-touch-icon-114×114-precompose.png предварительно составленный значок Apple-Touch 114×114
формат изображения значка
Для вашего значка подойдет практически любой формат база данных номеров whatsapp в швейцарии файла изображения. Это правда, что есть форматы, которые сжимают сильнее других, но из-за небольшого размера самой иконки вы, вероятно, не обнаружите заметных различий в весе файла.
Некоторые из возможных форматов:
ico: Классический формат иконок.
jpg: формат сжатого изображения.
gif: принимает прозрачность и анимацию, хотя последняя поддерживается не всеми браузерами.
png: бесплатная альтернатива формату GIF.
svg : векторный формат, он не пиксельный, но есть старые браузеры, которые его не поддерживают.
Я советую вам выбрать PNG для вашего значка по нескольким причинам. Во-первых, это бесплатный формат, ставший стандартом для обмена изображениями в Интернете. Кроме того, формат PNG поддерживает прозрачность и анимацию. Конечно, это может вызвать проблемы с очень старыми браузерами, поэтому совместимость не должна стать для вас настоящей проблемой.