размер файла favicon.ico == 60 КБ? - PullRequest
Новая
       30

размер файла favicon.ico == 60 КБ?

4 голосов
/ 11 марта 2011

Чтобы сегодня тратить больше времени, я преобразовал файл .jpg в .ico и поместил его в favicon.ico. Размер файла .jpg меньше 1 КБ; размер файла .ico составляет ** 60 КБ ** !!, больше размера HTML-страницы, на которой я его размещаю.

Я использовал онлайн-конвертер на

http://www.coolutils.com/online/image-converter/

60 КБ не может быть разумным размером для иконки. Может ли это?

Спасибо!

- Пит

Ответы [ 4 ]

5 голосов
/ 11 марта 2011

.ico файлы уникальны, потому что они могут содержать изображения с различным разрешением, и используется наиболее подходящее. Сайт, вероятно, создал много разрешений и включил их в один файл. Windows 7 поддерживает значки до 512x512, я думаю. Возможно, вы видели это в окнах, когда другой значок используется для просмотра миниатюр и просмотра списка. Если вы хотите значок для веб-сайта, просто создайте png. Все современные браузеры поддерживают его, и размер будет намного меньше. Надеюсь, это поможет! 

<link rel="icon" type="image/png" href="http://example.com/myicon.png">
2 голосов
/ 11 марта 2011

Я думаю, что предлагаемый формат .ico предназначен для значков Windows, например, специально не предназначенных для favicos.

1 голос
/ 30 ноября 2016

По умолчанию формат файла ICO хранит данные в формате BMP, поэтому файл favicon.ico такой большой.

Вы можете сохранить данные в формате PNG, экспортировав их с помощью GIMP, или отправить их сжатыми с помощью gzip. Помните, что не все браузеры поддерживают формат PNG favicon.ico, и эти очень старые браузеры (IE <6) не поддерживают сжатие gzip. </p>

В настоящее время большинство современных браузеров поддерживают метод <link> в исходном коде HTML для конкретного значка другого размера и формата. Вы можете добавить что-то подобное в свой исходный код, чтобы использовать значки файлов в формате PNG и SVG. 

<head>
    <link rel="icon" href="/favicon-32x32.png" type="image/png" sizes="32x32">
    <link rel="icon" href="/favicon-16x16.png" type="image/png" sizes="16x16">
    <link rel="icon" href="/favicon.svg" type="image/svg+xml" sizes="any">
</head>

Дополнительные советы по оптимизации избранного можно найти в этом руководстве .

0 голосов
/ 21 февраля 2015

Просто используйте краску, если вы на Windows.Нажмите кнопку «изменить размер» и введите, какой процент или пиксель должно быть у нового изображения, и все готово!

...