HTML 如何設置網頁圖標大小
在 HTML 中,網頁圖標通常使用 link 標簽來添加,例如:
<link rel="icon" href="youricon.ico">其中,rel 屬性定義了鏈接文檔和當前文檔之間的關系,icon 用于指定網頁圖標。 在添加鏈接之后,可以通過設置圖標的尺寸來調整其大小。為此,需要在 link 標簽中添加 sizes 屬性。例如:
<link rel="icon" href="youricon.ico" sizes="32x32">其中,32x32 表示圖標的寬度和高度(單位是像素)。這會使瀏覽器加載指定尺寸的圖標,并將其縮放到適合的大小。 如果您想為不同設備設置不同大小的圖標,可以使用 srcset 屬性。例如:
<link rel="icon" href="youricon.ico" sizes="32x32" hrefset="youricon-16x16.ico 16x16, youricon-32x32.ico 32x32, youricon-64x64.ico 64x64">其中,hrefset 屬性指定了一組逗號分隔的 URL 和大小(在像素上)。瀏覽器會自動根據設備的分辨率選擇最適合的圖標。 無論使用哪種方法,都可以通過添加 link 標簽來設置網頁圖標的大小。