🎨 Favicon + 九宫格切图

一张图同时搞定:① 网站 Favicon 全套尺寸(16/32/48/64/96/128/180/192/256/512 + ICO);② 朋友圈/小红书九宫格 / 横排 3 张 / 2 张拼图
{{ img ? '✅' : '🌐' }}
{{ img ? '已加载,可重新选择' : '点击或拖入图片(建议 ≥ 512×512 正方形)' }}
支持 PNG/JPG/SVG,所有处理本地完成不上传
📦 一键下载全部 PNG (zip 模拟,逐个保存) 📋 复制 HTML 引用代码 🔄 重新选图
{{ f.size }} × {{ f.size }}
{{ f.label }}

📋 推荐的 HTML 引用代码(粘到 <head> 里)


<link rel="icon" type="image/png" sizes="16x16"   href="/favicon-16.png">
<link rel="icon" type="image/png" sizes="32x32"   href="/favicon-32.png">
<link rel="icon" type="image/png" sizes="96x96"   href="/favicon-96.png">
<link rel="icon" type="image/png" sizes="192x192" href="/favicon-192.png">
<link rel="apple-touch-icon" sizes="180x180" href="/apple-touch-icon.png">
<meta name="theme-color" content="#ffffff">
{{ gimg ? '✅' : '🔲' }}
{{ gimg ? '已加载,可切图' : '点击或拖入图片,建议长宽比接近正方形' }}
朋友圈/小红书发图利器,自动正方形裁剪后切九宫
📦 全部下载 🔄 重新选图

📱 发布顺序提示

朋友圈九宫格(3×3):按 1→2→3→4→5→6→7→8→9 顺序选图,朋友圈会自动按这个顺序拼成 3×3 网格。

横排三张(1×3):朋友圈 3 张图自动横排,相册按时间倒序,所以选图顺序是 1→2→3。

小红书:建议拼图先做好再上传,单张拼图比九宫格的体验好;如要九宫格,按上面顺序逐张上传。

Favicon 与九宫格切图

设计二合一,一张图一键生成网站 Favicon 全套尺寸 + 朋友圈/小红书九宫格切图:① Favicon 多尺寸——拖入一张图(建议 ≥ 512×512),自动 Canvas 高质量缩放生成 10 种尺寸(16/32/48/64/96/128/180/192/256/512 px),每张标注用途(浏览器标签/iOS Touch Icon/Android 主屏/PWA 启动 等),透明背景棋盘格预览;逐个下载 PNG + 一键全部下载 + 一键复制可直接粘到 &lt;head&gt; 的标准 HTML 引用代码(含 apple-touch-icon、theme-color);② 九宫格切图——朋友圈/小红书发图利器,自动取图片中部正方形裁剪后切成 3×3 九宫格;同时支持 1×3 横排三张 / 1×2 横排两张 / 2×1 竖排两张 / 2×3 长图六张 共 5 种切图模式;每张高清 PNG 输出 + 一键全部下载;附朋友圈/小红书发布顺序提示。Canvas 全本地处理,图片不上传任何服务器

本工具由 在线小工具大全 提供,更多 同类工具 可在站内查看。