All the icons are specified, no matter if they are configured or not.
In my case I don't have favicon.svg, since I only have rasterized images, and turning them into vector images is painful. I only specified favicon{16x16,32x32}.ico.
But since the resulting HTML has all of them specified with default paths for ones I didn't specify.
It looks like browser (I am using Firefox) is choosing to only load favicon.svg which I don't have, and it results in the page opening without favicon.
On other pages though Firefox has no problem loading favicon{16x16,32x32}.ico.
I am not an expert in web development. But I assume there should be a way to disable certain favicons if they are not used, so they don't appear in resulting HTML files.
Steps to reproduce:
Specify paths in config for only favicon{16x16,32x32}.ico
Open the page with Firefox
Observed Results:
What did happen: Favicon not there. And two 404 in network monitor for favicon.svg and apple_touch_icon.png
What did you expect to happen: Favicon is present, and no 404 in network monitor
Describe the problem:
According to: https://github.com/luizdepra/hugo-coder/blob/745f785dd9a76b5102e6e58c9e5e550c458a6273/layouts/partials/head/custom-icons.html
All the icons are specified, no matter if they are configured or not. In my case I don't have favicon.svg, since I only have rasterized images, and turning them into vector images is painful. I only specified
favicon{16x16,32x32}.ico.But since the resulting HTML has all of them specified with default paths for ones I didn't specify. It looks like browser (I am using Firefox) is choosing to only load
favicon.svgwhich I don't have, and it results in the page opening without favicon.On other pages though Firefox has no problem loading
favicon{16x16,32x32}.ico.I am not an expert in web development. But I assume there should be a way to disable certain favicons if they are not used, so they don't appear in resulting HTML files.
Steps to reproduce:
favicon{16x16,32x32}.icoObserved Results:
favicon.svgandapple_touch_icon.png