●  ICONPACK-022 · FAVICON + PWA

别再手缩五遍图标了。拖一张图,本机出齐 favicon 和 PWA 包。

上新站要备 favicon 16/32/48、apple-touch 180、PWA 192/512,还要记得 HTML <link>。手缩容易漏尺寸。拖一张 PNG / JPEG / WebP / SVG → 本机 contain 出齐方形包,复制片段,下一个 zip。不上传、无 CDN、不做 manifest 编辑器。

01 拖入或选择一张图 PNG / JPEG / WebP / SVG,≤8MB。以文件头 magic bytes 为准,拒绝 HEIC / DNG。位图走 createImageBitmap;SVG 走 Image + blob URL。不发任何上传请求。
拖到这里,或点击选择
一次一张。iPhone HEIC 不收,请先导出 JPEG / PNG。

02 背景与圆角 缩放钉死 contain,禁止拉伸。透明则清空,填色则先铺底。导出一律方形。圆角默认 关。apple-touch-icon.png 不预切圆角(iOS 会再 mask)。背景选透明时,apple-touch 仍用填色或 #ffffff 打底,避免 iOS 衬成黑底。192/512 跟随透明/填色。不做 maskable 安全区,也不做 webmanifest。
背景
填色(兼 apple-touch 打底)
圆角
03 预览网格 每格是真实方形导出,仅缩小显示。文件名锁死。ICO 是 16+32+48 的 PNG-in-ICO,不是 PNG 改后缀。
先拖入一张图,各尺寸预览会出现在这里。
04 HTML link 片段 默认前缀 /。192/512 用 rel="icon"。前缀可改 ./ 或 /icons/。

05 下载 ZIP 「下载全部」是一个 zip,文件名 iconpack.zip:favicon.ico + 六个 PNG。手写 store ZIP,不用 JSZip,不走 CDN。