Can't change favicon

Help
1

I want to change the favicon of my published site. So I referenced the document and uploaded images as follows. But there is no change.

  • favicon.ico
  • favicon-16.png
  • favicon-32.png
  • favicon-64.png
  • favicon-128.png
  • favicon-152.png
  • favicon-167.png
  • favicon-180.png
  • favicon-192.png
  • favicon-196.png
  • favicon-256.png

I opened chrome dev tools and checked whether the above icons are loaded or not. It seems to be loaded.

<head>
  <meta charset="utf-8" />
  <base href="https://publish.obsidian.md" />
  <title>Home - Minerva</title>
  <meta name="description" content="Powered by Obsidian Publish." />
  <meta name="viewport" content="width=device-width,initial-scale=1" />
  <meta
    http-equiv="Content-Security-Policy"
    content="default-src 'self' *.obsidian.md; script-src 'self' 'unsafe-inline' 'unsafe-eval' *.obsidian.md blob: https://*:*; frame-src 'self' https://*:* http://127.0.0.1:*; child-src 'self' * blob:; style-src 'self' 'unsafe-inline' https://*:* http://127.0.0.1:*; font-src * https://*:* data: blob:; img-src * data: blob:; media-src * data: blob:; connect-src 'self' 'unsafe-eval' ws://*:* http://*:*"
  />
  <link rel="icon" href="/favicon.ico?feba1ff664e93364d3e3" />
  <script defer="defer" src="/app.js?feba1ff664e93364d3e3"></script>
  <link href="/app.css?feba1ff664e93364d3e3" rel="stylesheet" />
  <style type="text/css"></style>
  <link rel="stylesheet" href="https://publish-01.obsidian.md/access/35d05cd1bf5cc500e11cc8ba57daaf88/obsidian.css" />
  <link rel="stylesheet" href="https://publish-01.obsidian.md/access/35d05cd1bf5cc500e11cc8ba57daaf88/publish.css" />
  <link rel="icon" href="https://publish-01.obsidian.md/access/35d05cd1bf5cc500e11cc8ba57daaf88/favicon.ico" />
  <link rel="icon" sizes="256x256" href="https://publish-01.obsidian.md/access/35d05cd1bf5cc500e11cc8ba57daaf88/favicon-256.png" />
  <link rel="icon" sizes="32x32" href="https://publish-01.obsidian.md/access/35d05cd1bf5cc500e11cc8ba57daaf88/favicon-32.png" />
  <link rel="icon" sizes="16x16" href="https://publish-01.obsidian.md/access/35d05cd1bf5cc500e11cc8ba57daaf88/favicon-16.png" />
  <link rel="icon" sizes="64x64" href="https://publish-01.obsidian.md/access/35d05cd1bf5cc500e11cc8ba57daaf88/favicon-64.png" />
  <link rel="icon" sizes="48x48" href="https://publish-01.obsidian.md/access/35d05cd1bf5cc500e11cc8ba57daaf88/favicon-48.png" />
  <link rel="icon" sizes="128x128" href="https://publish-01.obsidian.md/access/35d05cd1bf5cc500e11cc8ba57daaf88/favicon-128.png" />
  <link rel="icon" sizes="152x152" href="https://publish-01.obsidian.md/access/35d05cd1bf5cc500e11cc8ba57daaf88/favicon-152.png" />
  <link rel="icon" sizes="167x167" href="https://publish-01.obsidian.md/access/35d05cd1bf5cc500e11cc8ba57daaf88/favicon-167.png" />
  <link rel="icon" sizes="180x180" href="https://publish-01.obsidian.md/access/35d05cd1bf5cc500e11cc8ba57daaf88/favicon-180.png" />
  <link rel="icon" sizes="192x192" href="https://publish-01.obsidian.md/access/35d05cd1bf5cc500e11cc8ba57daaf88/favicon-192.png" />
  <link rel="icon" sizes="196x196" href="https://publish-01.obsidian.md/access/35d05cd1bf5cc500e11cc8ba57daaf88/favicon-196.png" />
</head>

Kind regards.

2

Have you figured out the issue? I have the same problem for favicon :thinking:

brain.louis030195.com

3

Both your favicons look ok from here (because I’ve visited both sites for the first time). Maybe it’s just the typical case of your browsers tending to cache sites’ favicons like forever …

Adding a random number like in the example above tends to defeat the caching mechanism, but you must change that whenever you change/modify the favicon.

2 Likes
4

This topic was automatically closed 30 days after the last reply. New replies are no longer allowed.