tooljar

    网站图标生成器

    从文本、表情符号或图片创建多种格式的网站图标

    输入文本或表情符号以查看预览

    快速示例:

    如何使用您的网站图标

    1. 下载您的网站图标

    推荐的最小配置:

    • 32×32 PNG - 重命名为 favicon.png(最常用)
    • SVG - 重命名为 favicon.svg(现代浏览器,可缩放)

    可选(更好的兼容性):

    • 16×16 PNG - 重命名为 favicon.ico(旧版浏览器)
    • 180×180 PNG - 重命名为 apple-touch-icon.png(iOS 主屏幕)

    2. 添加到您的网站

    将文件放在网站的根目录或 public 目录中,并将这些标签添加到 HTML head 中:

    <link rel="icon" type="image/svg+xml" href="/favicon.svg">
    <link rel="icon" type="image/png" sizes="32x32" href="/favicon-32x32.png">
    <link rel="apple-touch-icon" sizes="180x180" href="/apple-touch-icon.png">

    提示

    • 使用在小尺寸下有效的简单、粗体设计
    • 表情符号非常适合快速、易识别的图标
    • 推荐现代浏览器使用 SVG(可缩放且文件小)
    • 使用高对比度颜色以提高可见性