GUIDE深度 · Deep dive
Which Favicon Sizes Do You Need?
Browser tabs use 16/32, desktop shortcuts 48, Apple touch icons 180, PWA/Android 192 and 512. Provide at least 32 and 180; use PNG with sizes attributes instead of a single favicon.ico. Generate every size from the same square source so nothing is upscaled and blurry.
16/32: tabs.
48: desktop.
180: iOS home screen.
192/512: PWA.
`<link rel="icon" sizes="32x32" href="/favicon-32.png">`
`<link rel="apple-touch-icon" sizes="180x180" href="/favicon-180.png">`
FAQ
Do I still need favicon.ico?
Old browsers/some tools request it; optional to keep.
Is an SVG favicon better?
Modern browsers support it and it is small, but PNG is more compatible.