Online Image Converter

用一张图片制作 favicon 包

放入标志。下载 ICO、多种尺寸的 PNG 和 apple-touch-icon,以及一段可贴进 HTML 的代码。文件不会离开这台设备。

  • 快
  • 100% 私密
  • 始终免费
  • 任何浏览器

Drop images anywhere on this page

一张 PNG、JPG、SVG 或 WebP。留在这台设备上。

适合制作 favicon 包的时候

网站仍需要传统的 favicon.ico,同时也需要手机和浏览器实际显示的 PNG 图标时,用这个工具。一张原图就够了。正方形 PNG 或 SVG 标志最干净。图片会以适应方式放进正方形画布。横向标志不会被拉长,两侧会留出空白。

下载的 PNG 默认是透明底。ICO 会在标志后面放白色,或你选定的纯色。旧的标签页界面往往仍期待不透明图标。这里不能分层编辑。如果要先裁剪或加文字,请在 Photasium里完成,再把结果放到这里。

zip 里有 favicon.ico(16 和 32)、16、32、180、192、512 的 PNG,以及 180 的 apple-touch-icon。把代码贴到文档的 head 里。可选的 192 和 512 是网页应用清单通常要找的文件。这些文件名可以直接抄进 manifest.json。

下载之后,如果 PNG 仍然偏大,再 压缩。favicon 应保持很小。分享用的图片请改用 OG 图像 1200×630。

处理都在这个浏览器里进行。没有账户,也不会上传文件。关掉标签页后,标志会从工具里消失。

怎么做

  1. 放入一张 PNG、JPG、SVG 或 WebP。文件留在这台设备上。
  2. PNG 保持透明,或选择一种纯色。ICO 使用白色或该颜色。
  3. 生成包,复制 HTML 代码,下载 zip。

小提示

  • 正方形标志最清晰。横向文字标志会在左右留出空白。
  • 不要把 4000 像素的照片当成 favicon。从简洁的标志开始。
  • ICO 是把 16 和 32 的 PNG 图像打包在一起。新浏览器也会使用 PNG 链接。

相关

常见问题

现在还需要 favicon.ico 吗?
许多浏览器会使用 PNG 图标。ICO 对旧标签页和部分书签仍然有用。这个包两种都会生成。
PNG 会保持透明吗?
不选填充色时会保持透明。ICO 使用白色或你选的颜色,这样旧界面不会透出后面的内容。
标志会上传吗?
不会。每种尺寸都在这个浏览器里绘制。
能在图标上加文字吗?
这里不能。请在 Photasium 里加文字,再把图片放回这个页面。