图片
Favicon 生成
favicon 生成工具可以从一张图片一键制作 favicon.ico 和各设备所需的网站图标,并自动输出安装用的 HTML 代码。无需上传,只要把图片读入浏览器,全套尺寸的图标即可一次备齐。
请将图片(PNG / JPG / WebP / SVG)拖放到这里
或
支持 PNG / JPG / WebP / SVG,最大 20 MB(建议使用正方形图片)
上传的图片全部在您的浏览器内处理,不会发送至外部服务器。
相关工具
图片压缩
在线压缩 JPG、PNG 图片，在保持画质的同时减小文件体积。JPG 可调品质、PNG 无损优化。图片不上传、在浏览器本地处理，免费无需注册，全程在浏览器中完成。
图片裁剪
在线裁剪 JPG、PNG、GIF 图片，支持宽高比预设、像素数值精确裁剪，以及圆形 / 椭圆裁剪（透明 PNG）。图片不上传、在浏览器本地处理，免费无水印，全程在浏览器中完成。
图片缩放
在线调整图片尺寸、修改像素大小（缩放），支持 JPG、PNG、GIF、WebP，可按像素或倍率并锁定宽高比。图片不上传，免费无水印，全程在浏览器中完成。
图片文字识别 (β)
识别图片中的文字并转换为文本的免费 OCR 工具，可从照片、截图、文档提取文字，编辑后复制或下载为 .txt。图片不上传、在浏览器本地识别，全程在浏览器中完成。
WebP 转换器
将 JPG、PNG、SVG 图片转换为轻量的 WebP 格式，支持最多 10 个文件批量转换与 ZIP 打包下载，含 SVG 转 WebP。图片不上传，全程在浏览器中完成。
Slack 自定义表情生成
从文本或图片生成 Slack 自定义表情（128 × 128 px / 128 KB 以内）的免费工具，支持字体、颜色、描边与 GIF 动画，也可用于 Discord 表情，全程在浏览器中完成。
Favicon 生成是什么?
favicon 生成工具可以从一张图片一键制作 favicon.ico 和各设备所需的网站图标,并自动输出安装用的 HTML 代码。无需上传,只要把图片读入浏览器,全套尺寸的图标即可一次备齐。
输出内容包括:浏览器标签页使用的 favicon.ico(16 / 32 / 48px 多分辨率)、iPhone 主屏幕使用的 Apple Touch 图标(180px)、Android Chrome 与 PWA 使用的 192 / 512px 图标,以及 site.webmanifest(manifest.json)。若上传的是 SVG,还会一并附带面向现代浏览器的矢量 icon.svg。
背景色、留白(padding)与圆角都可即时调整,并实时反映到预览中。无论是给透明 PNG 的 Logo 加上白色背景,还是制作圆角图标,都能随心所欲。manifest 的应用名称、主题色也可填写,并连同安装用的 HTML 片段一起复制、下载。
上传的图片全部在用户的浏览器内处理,不会发送至外部服务器。即使是公司机密 Logo 或尚未公开的设计稿也可放心使用。免费、免注册,全程在浏览器中完成。
使用方法
- 将图片(PNG / JPG / WebP / SVG)拖放到拖放区,或点击选择(也支持从剪贴板粘贴)。
- 按需调整背景色、留白与圆角,预览会即时更新。
- 填写 manifest 设置(应用名称、短名称、主题色、背景色)。
- 可单独下载生成的各个图标,或点击「下载 ZIP」打包获取全套文件。
- 将 ZIP 内的文件放到网站根目录,并把显示的 HTML 代码粘贴到 <head> 中。
使用场景
- 想为新上线的网站或博客设置在浏览器标签页、收藏夹中显示的 favicon。
- 不仅要 favicon.ico,还想一次性备齐 iPhone / Android 主屏幕及 PWA 用图标。
- 希望从 Logo 图片生成各设备适配的图标集,并直接复制安装用 HTML 使用的网站开发者。
- 想把公司机密 Logo 或尚未公开的设计稿在本地制成图标,而无需上传到外部。
- 希望从 SVG Logo 同时备齐面向现代浏览器的 SVG favicon 与各尺寸位图的场景。
注意事项
- 输出内容包括 favicon.ico(16 / 32 / 48px)、favicon-16x16.png、favicon-32x32.png、apple-touch-icon.png(180px)、android-chrome-192x192.png、android-chrome-512x512.png 以及 site.webmanifest。
- favicon.ico 是将 16 / 32 / 48px 合并到一个文件中的多分辨率图标。
- Apple Touch 图标不支持透明,因此即使背景设为「透明」也会以白色填充。
- 建议使用接近正方形的图片。宽高比不一致的图片会居中放置并补上留白。
- 仅当上传 SVG 时,矢量格式的 icon.svg 才会包含在打包文件中。