Как отобразить правильно работающий значок для Icecast2/веб-клиента Ubuntu/браузера для конкретного сайта/PWA

Icecast 2.4.4 в Ubuntu 22.04 LTS: я поместил favicon.ico в /usr/share/icecast2/web, и он отображается на панели вкладок Chrome, однако он не отображается должным образом для сгенерированных веб-страниц как окон. от Chrome > Дополнительные инструменты > Создать ярлык... > Открыть как окно > Создать. Фактически, он отображается в виде серого прямоугольника с буквой «I» (несомненно, сокращение от Icecast2). Я создал кучу значков и немного кода[1] на сайте realfavicongenerator.net.

[1]: Вставьте следующий код в раздел ваших страниц:

      <link rel="apple-touch-icon" sizes="180x180" href="/apple-touch-icon.png">
<link rel="icon" type="image/png" sizes="32x32" href="/favicon-32x32.png">
<link rel="icon" type="image/png" sizes="16x16" href="/favicon-16x16.png">
<link rel="manifest" href="/site.webmanifest">
<link rel="mask-icon" href="/safari-pinned-tab.svg" color="#5bbad5">
<meta name="msapplication-TileColor" content="#da532c">
<meta name="theme-color" content="#ffffff"
Источник

1 ответ

Из того, что мне удалось потренироваться:

  1. Получите большой файл для значка, который вы хотите создать; например, для Icecast2 я использовал графику .png размером 1200 пикселей × 1360 пикселей из Википедии. (Предпочтительнее использовать графику .svg; на сайте (2) указано: «Отправьте изображение (PNG, JPG, SVG...) размером не менее 70x70. Для достижения оптимальных результатов ваше изображение должно быть 260x260 или более».)

  2. Создайте пакет значков, например, [*]

  3. Разархивируйте пакет значков (например, favicon_package_v0.16.zip) в/usr/share/icecast2/web( возможна работа в/etc/icecast2/web)

  4. sudo nano /etc/icecast2/icecast.xml, включив в раздел <http-headers> следующее:

            <header name="icon" value="/usr/share/icecast2/web/favicon.ico" />
<header name="icon" value="/usr/share/icecast2/web/favicon-32x32.png" />
<header name="icon" value="/usr/share/icecast2/web/favicon-16x16.png" />

  5. Очистите кешированные изображения и файл из Chrome: [chrome://settings/clearBrowserData], чтобы значок обновился.

  6. Создайте ярлык SSB/Открыть как окно: Chrome⋮ > Дополнительные инструменты > Создать ярлык… > ☑ Открыть как окно.

Я не знаю, что делает остальная часть кода RFG в OP, и поскольку у меня есть правильный значок, работающий на панели вкладок Chrome, в окне ярлыка Chrome SSB и в строке состояния ОС (Ubuntu 22.10), у меня есть функциональная настройка для рабочего стола.

[*]: https://realfavicongenerator.net/RealFaviconGenerator упоминался в этом сообщении о переполнении стека автором mcurran.

После (в Chrome):

[Примечание: значки SSB для Google Voice и Gmail]

До (в Chrome и FF):

Источник
Другие вопросы по тегам