Как поменять favicon на свой для Sub Page

Поддержка – Remnawave
1

Оригинальный автор this_xkit и его сообщение. За что ему огромное спасибо.
В данном топике выкладывают полезные гайды/ответы на вопросы, поэтому я решил выложить сюда, чтобы другим было легче найти ответ на свой вопрос:

  1. В папке Sub Page создайте папку:
mkdir -p assets
  1. Закиньте туда PNG своего лого размером 512x512 или больше.
  2. Установите ImageMagick:
apt install imagemagick -y
  1. Потом сгенерируйте все размеры находясь в папке assets:
convert favicon.png -resize 16x16 favicon-16x16.png
convert favicon.png -resize 32x32 favicon-32x32.png
convert favicon.png -resize 48x48 favicon-48x48.png
convert favicon.png -resize 64x64 favicon-64x64.png
convert favicon.png -resize 128x128 favicon-128x128.png
convert favicon.png -resize 180x180 favicon-180x180.png
convert favicon.png -resize 192x192 favicon-192x192.png
convert favicon.png -resize 512x512 favicon-512x512.png
  1. Докиньте свое лого в формате SVG в папку.
  2. Прокиньте файлы в контейнер:
        volumes:
            - ./assets/favicon.svg:/opt/app/frontend/assets/favicon.svg
            - ./assets/favicon-16x16.png:/opt/app/frontend/assets/favicon-16x16.png
            - ./assets/favicon-32x32.png:/opt/app/frontend/assets/favicon-32x32.png
            - ./assets/favicon-48x48.png:/opt/app/frontend/assets/favicon-48x48.png
            - ./assets/favicon-64x64.png:/opt/app/frontend/assets/favicon-64x64.png
            - ./assets/favicon-128x128.png:/opt/app/frontend/assets/favicon-128x128.png
            - ./assets/favicon-180x180.png:/opt/app/frontend/assets/favicon-180x180.png
            - ./assets/favicon-192x192.png:/opt/app/frontend/assets/favicon-192x192.png
            - ./assets/favicon-512x512.png:/opt/app/frontend/assets/favicon-512x512.png
  1. Перезапустите контейнер Sub Page.
docker compose down remnawave-subscription-page && docker compose up -d remnawave-subscription-page
6 Likes