Set a Favicon

Owned by Thomas Körbler
May 23, 2024
1 min read

This section explains how to set a custom Favicon for your Portrait deployment.

Locating the Folder Path

You can find the folder in which your favicons have to be stored under:

<PORTRAIT-INSTALLATION-FOLDER>/app/config/frontend/public/favicons

Generating and storing the favicons

  • In order to assure that all the different types of favicons are covered and the correct naming of the icons is given, we recommend using https://realfavicongenerator.net/ to generate the favicons. The site supports the following image types: .png, .jpg, .jfif, .jpeg, .pjpeg, .pjp, .gif, .svg

  • Download the Favicon package from the site

  • Afterwards, move the content of the package into:
    <PORTRAIT-INSTALLATION-FOLDER>/app/config/frontend/public/favicons

  • After a restart of the containers, Portrait will now display your custom favicons.

After you restarted the server, you should also execute a hard reload in your browser.
(CMD + SHIFT + R in Google Chrome on Mac, CTRL + SHIFT + R in Google Chrome on Windows.).



Â