Module BCFavicon

Recently, we had a client whose website was missing a proper favicon on mobile devices — no "Add to Home Screen" icon, no consistent icon across browsers, just the default blank tab icon everywhere.

PrestaShop does not handle favicons well out of the box, and the more devices and browsers you want to support properly, the more icon sizes you have to produce and upload yourself.

For example, to get a favicon that works everywhere, you can do this:
Open an image editor, resize your logo down to 16x16px, save it, resize it again to 32x32px, save it, resize it again to 44x44px, then 180x180px for Apple devices, then 192x192px and 512x512px for Android/PWA — save each one separately, then upload every single file into the right place in your theme.

Repeat this resizing and uploading process every time you want to update your logo.

Because creating a favicon that covers every size required by different browsers and devices normally means manually resizing the image size by size in an image editor, then uploading each file into the theme one at a time — which is time-consuming.

• The problem of having to manually resize the image into multiple sizes yourself.
• The problem of the old favicon files being lost or broken when replacing the image with a new one.
• The problem of the website not properly supporting "Add to Home Screen" on mobile devices.

1. The admin uploads the original image through the configuration page in the back office.
2. The module checks/converts the file to PNG, then resizes it to generate files for each size defined in the set.
3. Before overwriting the existing files, the system copies the old set into a backup folder so it can be restored later.
4. It creates/updates the manifest.json file from the configured values (app name, short name, theme color, background color, display mode).