图片转 网站图标生成器
从任意图片生成多种尺寸(16x16 至 512x512)的网站图标文件。免费、快速,完全在浏览器中运行。
拖放图片到此处
支持 PNG、JPG、SVG、WebP。最大 10MB。
从任意图片生成多种尺寸(16x16 至 512x512)的网站图标文件。免费、快速,完全在浏览器中运行。
支持 PNG、JPG、SVG、WebP。最大 10MB。
网站图标是出现在浏览器选项卡、书签和历史列表中的小图标。最初的图标 - /favicon.ico 上的 16×16 ICO 文件 - 已扩展为针对不同平台的不同尺寸的一组复杂图标:浏览器选项卡为 16×16 和 32×32,iOS 主屏幕为 180×180,Android 为 192×192 和 512×512,以及 Windows 磁贴的各种尺寸。现代网站图标生成器所做的就是从单个源图像生成所有这些内容。
该工具采用单个高分辨率源图像(通常是方形徽标)并生成全套图标资源以及引用它们所需的 HTML 链接标签。输出包括 ICO、多个 PNG 和用于渐进式 Web 应用程序元数据的 manifest.json。将生成的文件拖放到站点的根目录中,并通过生成的 HTML 引用它们。
所有处理都发生在您的浏览器中。无需上传,无需API调用,无速率限制。输出适用于显示网站图标的所有现代浏览器和操作系统。
没有网站图标的网站看起来还没有完成。浏览器选项卡显示通用图标;书签没有视觉标识符;该网站显得不太专业。添加适当的图标集是一个省力、高影响力的抛光步骤,表明对细节的关注。
现代网站图标的要求已经超出了 /favicon.ico 的范围。 iOS 主屏幕图标、Android Chrome 图标、Windows 磁贴图标和深色模式变体都使用不同的文件。从一个来源生成所有文件可确保品牌一致,而无需手动管理每个文件。
上传源图片,获取完整的图标集。
完整的现代图标集:favicon.ico(16+32+48 多分辨率)、favicon-16x16.png、favicon-32x32.png、apple-touch-icon.png(180×180)、android-chrome-192x192.png、android-chrome-512x512.png、mstile-150x150.png。加上用于 PWA 的 site.webmanifest,用于 Windows 的 browserconfig.xml。
每个 PNG 都是通过基于画布的源下采样生成的。 ICO 使用 JavaScript 构建,通过使用 DataView 写入将 16/32/48 版本组合成多分辨率 ICO 格式。
HTML 链接标记使用适当的 rel 和sized 属性引用每个文件。生成器将这些生成为您网站的 <head> 的复制粘贴就绪片段。