Problem

We have a source image file, e.g., 1024x1024px, and we want to generate favicons of different sizes for many platforms, matching web application manifest. The webmanifest file with favicons should be generated automatically too.

Solution

For Webpack we can use the powerful html-bundler-webpack-plugin.

This bundler plugin renders a HTML template and can generate favicons automatically. Under the hood is used the Favicons Node.js module.

This module generates favicons and their associated files for many platforms such as …

application auto frontend generate generated html image javascript manifest platforms plugin solution template web webdev webpack