● 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。