更改HTML中的favicon大小

在我的项目中，我添加了一个favicon，如下所示：

在我的图像编辑器中，我将要用作favicon的该图形的大小从原始大小（172x158px）更改为225x225px

但是，当我尝试使用更新后的图形作为我的favicon（尺寸为225x225的图形）时，它仍保持其原始大小

---

有人知道如何解决这个问题，这样我就可以为我的favicon使用更大的图形了吗？谢谢。

实际上，Favicon应该是ICO格式的16x16、32x32和48x48张图片。(根据)

您可以尝试简单地将图标的大小添加到标记中，并检查您的浏览器和用途是否支持该大小。例如：

<link rel="icon" type="image/png" sizes="196x196" href="{% static 'favicon.png' %}"/>

并非每个浏览器都支持每个大小（也不是.png格式）我建议，添加您想要支持的所有尺寸

如果您想支持最常见浏览器的所有格式，这里有一个很好的favicon生成器：

以下是faviconit将提供给您的代码（图片旁边）：

也许这只是一个缓存问题。尝试重新加载浏览器（

Ctrl

+

Shift

+

R

）或清除缓存+硬重新加载（在DevTools打开的情况下，右键单击重新加载按钮并选择“清空缓存和硬重新加载”。您好，在执行此操作时，网站会抛出一个错误，即图标/图形必须是正方形。我的图标必须是圆形。图像的X和Y尺寸必须相同。图像必须至少为310x310px，最大为1MB。在图像中使用圆形没有问题。

<!-- ****** faviconit.com favicons ****** -->
<link rel="shortcut icon" href="/favicon.ico">
<link rel="icon" sizes="16x16 32x32 64x64" href="/favicon.ico">
<link rel="icon" type="image/png" sizes="196x196" href="/favicon-192.png">
<link rel="icon" type="image/png" sizes="160x160" href="/favicon-160.png">
<link rel="icon" type="image/png" sizes="96x96" href="/favicon-96.png">
<link rel="icon" type="image/png" sizes="64x64" href="/favicon-64.png">
<link rel="icon" type="image/png" sizes="32x32" href="/favicon-32.png">
<link rel="icon" type="image/png" sizes="16x16" href="/favicon-16.png">
<link rel="apple-touch-icon" href="/favicon-57.png">
<link rel="apple-touch-icon" sizes="114x114" href="/favicon-114.png">
<link rel="apple-touch-icon" sizes="72x72" href="/favicon-72.png">
<link rel="apple-touch-icon" sizes="144x144" href="/favicon-144.png">
<link rel="apple-touch-icon" sizes="60x60" href="/favicon-60.png">
<link rel="apple-touch-icon" sizes="120x120" href="/favicon-120.png">
<link rel="apple-touch-icon" sizes="76x76" href="/favicon-76.png">
<link rel="apple-touch-icon" sizes="152x152" href="/favicon-152.png">
<link rel="apple-touch-icon" sizes="180x180" href="/favicon-180.png">
<meta name="msapplication-TileColor" content="#FFFFFF">
<meta name="msapplication-TileImage" content="/favicon-144.png">
<meta name="msapplication-config" content="/browserconfig.xml">
<!-- ****** faviconit.com favicons ****** -->