如何制作动画（网站图标？

【问题标题】：How do I make an animated (fav)icon?如何制作动画（网站图标？
【发布时间】：2020-11-22 18:38:29
【问题描述】：

我正在学习 HTML 以准备我的软件/游戏开发研究，为此我正在尝试将自己的网站构建为一个项目。我想让选项卡顶部的图标动画化，所以我制作了一个 .gif 文件，并将以下行添加到我在网上找到的<head></head>：<link rel="icon" href="icon.gif" type="image/gif">。我将icon.gif 保存在与.html 文件相同的目录中。

我也尝试将其转换为图标，但没有成功。谁能告诉我如何让我的标签图标动画化？

提前致谢！

【问题讨论】：

    标签： html web icons favicon


    【解决方案1】：

    我认为这不起作用的原因是因为 gif 尺寸太大而无法成为 favicon。

    尝试将 gif 大小定义为 50px 上 50px 或 20px 上 20px。

    This 也可能对你有用。

    【讨论】：

    • 感谢您的回复！我尝试了您分享的问题中的答案，但它们对我不起作用。它目前的大小为 64x64px，所以我会尝试缩小它！
    • @pinkflameinthepan 如果这不起作用，请确保图像没有损坏，并且与浏览器兼容。
    • 我将图像尺寸减小到 20x20px，但没有成功。然后我检查了它是否损坏，但它在其他任何地方都可以正常工作 - 我不知道 Edge 是否支持动画网站图标，我在上面找不到任何东西，你知道吗？
    • @pinkflameinthepan en.wikipedia.org/wiki/Favicon
    猜你喜欢
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 2016-06-07
    • 2014-05-05
    • 2018-03-05
    • 1970-01-01
    相关资源
    最近更新 更多
    热门标签
    Java Python linux javascript Mysql C# Docker 算法 前端 SpringBoot Redis Vue spring 设计模式 .net core .net kubernetes c++ 数据库 数据结构 大数据 js 机器学习 微服务 Android Go 程序员 面试 JVM ASP.net core 云原生 人工智能 后端 PHP git CSS golang k8s Nginx Django mybatis 深度学习 多线程 React 架构 devops 爬虫 云计算 Spring Boot LeetCode