Каким по объёму должен быть файл favicon?
Favicon — это маленькие файлы. Многоразмерный favicon.ico обычно 5–15 КБ, отдельный размер PNG — от нескольких килобайт до нескольких десятков килобайт, и даже иконка PWA 512x512 обычно заметно меньше 100 КБ. Если favicon весит сотни килобайт, что-то не так: как правило, это полноразмерное фото, сохранённое в размерах иконки, вместо того чтобы быть правильно уменьшенным.
Крошечные по своей природе
У favicon очень мало пикселей, так что он сжимается почти до нуля. Нет причин по производительности переживать о его объёме: это несколько килобайт, загружаемых один раз и жёстко кешируемых браузером после этого.
Единственный случай, когда на объём стоит взглянуть, — когда он неожиданно большой, что указывает скорее на ошибку, чем на решение по дизайну.
Примерные объёмы, которых стоит ожидать
| Файл | Типичный объём |
|---|---|
| favicon.ico (многоразмерный) | 5–15 КБ |
| PNG 32x32 | 1–3 КБ |
| apple-touch-icon (180) | 5–20 КБ |
| PNG 512x512 | 20–90 КБ |
Частые вопросы о размере файла favicon
Каким по объёму должен быть favicon?
В килобайтах: favicon.ico обычно 5–15 КБ, маленькие PNG по несколько КБ каждый, а иконка 512px меньше 100 КБ. В пикселях это набор квадратных размеров от 16 до 512.
Мой favicon слишком большой?
Если какая-то отдельная иконка весит сотни килобайт, то да: скорее всего, это полноразмерное изображение, сохранённое в размерах иконки без уменьшения. Переэкспортируйте в правильном размере.
Влияет ли размер файла favicon на скорость страницы?
Ничтожно. Favicon маленькие и агрессивно кешируются после первого запроса, так что они не являются значимым фактором времени загрузки.