【发布时间】：2026-01-25 11:25:02
【问题描述】：
当您在 firefox mobile 和 safari 中打开新标签时，会显示访问次数最多的网站的摘要。每个网站都有一张图片，我该如何更改那里显示的我的网站图片？
safari/firefox 示例：
是否可以将图像更改为容器的全宽/高度？不只是一个小盒子，而且首先如何改变盒子中的图像？
【问题讨论】：
标签： html firefox browser safari
【发布时间】：2026-01-25 11:25:02
【问题描述】：
您需要将不同类型的图标放入您网站的<head> 部分。像这样的：
<link rel="apple-touch-icon-precomposed" sizes="57x57" href="apple-touch-icon-57x57.png" />
<link rel="apple-touch-icon-precomposed" sizes="114x114" href="apple-touch-icon-114x114.png" />
<link rel="apple-touch-icon-precomposed" sizes="72x72" href="apple-touch-icon-72x72.png" />
<link rel="apple-touch-icon-precomposed" sizes="144x144" href="apple-touch-icon-144x144.png" />
<link rel="apple-touch-icon-precomposed" sizes="60x60" href="apple-touch-icon-60x60.png" />
<link rel="apple-touch-icon-precomposed" sizes="120x120" href="apple-touch-icon-120x120.png" />
<link rel="apple-touch-icon-precomposed" sizes="76x76" href="apple-touch-icon-76x76.png" />
<link rel="apple-touch-icon-precomposed" sizes="152x152" href="apple-touch-icon-152x152.png" />
<link rel="icon" type="image/png" href="favicon-196x196.png" sizes="196x196" />
<link rel="icon" type="image/png" href="favicon-96x96.png" sizes="96x96" />
<link rel="icon" type="image/png" href="favicon-32x32.png" sizes="32x32" />
<link rel="icon" type="image/png" href="favicon-16x16.png" sizes="16x16" />
<link rel="icon" type="image/png" href="favicon-128.png" sizes="128x128" />
<meta name="application-name" content=" "/>
<meta name="msapplication-TileColor" content="#FFFFFF" />
<meta name="msapplication-TileImage" content="mstile-144x144.png" />
<meta name="msapplication-square70x70logo" content="mstile-70x70.png" />
<meta name="msapplication-square150x150logo" content="mstile-150x150.png" />
<meta name="msapplication-wide310x150logo" content="mstile-310x150.png" />
<meta name="msapplication-square310x310logo" content="mstile-310x310.png" />有些服务可以帮助您从一个文件一次生成不同大小的图标。 favicomatic.com、realfavicongenerator.net 等。
【讨论】：
-
是的，我知道网站图标，这些是两个浏览器默认选项卡中显示的内容吗？
-
是的，它们的更大版本。