Differences

This shows you the differences between two versions of the page.

--- webhmi_branding [2022/02/08 11:14] – [Custom branding] emozolyak
+++ webhmi_branding [2023/10/04 14:03] (current) – emozolyak
@@ Line 5: / Line 5: @@
 There are 2 places where you can put you logo:
-**Login page:**
+**Login page: (big logo)**
 {{ :sc:login_page:login_page_.png?direct&400 |}}
-**Side panel:**
+**Side panel: (small logo)**
 {{ :setup_menu:side_menu_logo.png?direct&400 |}}
@@ Line 16: / Line 16: @@
 {{ ::setup_menu:setup_menu_branding_.png |}}
+----
+{{ ::branding_setup_page_eng.png?nolink&800 |}}
   ***Big logo** - the logo on the login page
@@ Line 22: / Line 26: @@
   ***System name** - this name will be added to the browsers tab title
-{{ ::branding_title_text_.png?nolink&400 |}}
+{{ ::branding_title_text_.png |}}
-{{ ::branding_setup_page_eng.png?nolink&800 |}}
+===== Using custom favicons and manifest =====
+You can upload a zip file with a specific set of images for deeper branding. The easiest and fastest way is to use special free services, such as [[https://realfavicongenerator.net/|RealFaviconGenerator]]. After you tweak your images to your taste, the service will generate an archive that you will need to upload on the branding page.
+If for some reason you are not satisfied with the service, you can create such a file yourself. Here is the structure of the necessary files in the archive:
+<file>
+yourzipfile.zip
+├── android-chrome-192x192.png
+├── android-chrome-384x384.png
+├── android-chrome-YYYxYYY.png
+├── apple-touch-icon.png
+└── favicon.ico
+</file>
+Archive can contain any number of android-chrome-YYYxYYY.png files, but at least one. And only these files will be taken from the file generated by the service. No need to specify names or other properties of manifest.json