轻松制作Favicon

最新推荐文章于 2024-09-02 15:11:05 发布
最新推荐文章于 2024-09-02 15:11:05 发布
阅读量187 收藏
点赞数
分类专栏： web 文章标签： AIR Adobe Blog
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/johnny_hg/article/details/83283966
版权

看到那些Web2.0站点的图标了吧，比如饭否 （favicon 轻松制作做一个万金油的Favicon ），鲜果 （favicon 轻松制作做一个万金油的Favicon ），他们都有很漂亮的Favicon。但是对于我们呢，添加一个Favicon很简单，只需要一个ICO和一段代码。但如果是要做一个Favicon呢？不要怕，今天NetPuter就来带着你一步一步做出属于Favicon，还是万金油型的哦！最后的效果就像我们OrzDream （favicon 轻松制作做一个万金油的Favicon ）啦！

这次制作过程中，我们不需要强大的PS/FW，也不需要很好的设计思想，我们只需要一个工具和一个网站就可以啦：ClockMaker Icon Generator 和一个在线PNG转ICO的网站 。

一、 下载安装打开，在Logo Name输入你的Blog的英文缩写，要英文的哦，我这里就以WPLAND 为例啦，然后在“Bg Color”选择背景颜色，一般都是和Blog颜色一样的。

ClockMaker Icon Generator

再然后点“Create Icon”选择生成的目录。再再然后，打开那个目录，会发现有4个PNG躺在那里等你（YY中），胸围分别是16*16、32*32、48*48、128*128。到了这里，ClockMaker Icon Generator可以功成身退了。

Ico Files

二、 现在PNG已经有啦，ICO就很简单啦。把PNG转成ICO的工具有很多，在这里我推荐一个网站：BitBug 。 为了要有比较好的显示效果，我们只需要把胸围16*16的PNG拿去转换就可以了。在“原始图像”那里选择16*16的PNG，下面“目标尺寸”同样也选 择16*16（Q:为什么不选其他呢？A:你觉得小罩包大胸和大罩包小胸好看么？），填写好附加码就可以“生成ico图标”啦。

三、 最后一步啦，很简单，那就是把生成的ICO传到Blog根目录。Ctrl+F5下你的Blog，看看有没有效果？不错吧！如果还是没有效果，除了考虑你的人品之外，你还可以添加一下代码：

1
2
3
4
5

<head>
...
<link rel="shortcut icon" href="favicon.ico" />
...
</head>

这种类型Favicon是不是很万金油吖？喜欢吧，喜欢就评论下吧^^。

johnny_hg
关注
专栏目录
favicon制作
m0_65696193的博客
06-11 212
本人是放在img文件里面的。（注意：我的这里名称不同）移到我们开发文件里面。
如何设计简单的网站Favicon图标？ICO图标制作
xiaobaitongxueya的博客
03-24 1593
Favicon图标一般是指在浏览器中跟随网站URL的图形，今天和大家分享关于favicon图标相关知识以及如何轻松快速在线生成ico格式图标。在这篇文章中，你会了解到什么是favicon图标、为什么要创建favicon图标以及创建favicon图标的工具和一些技巧，一篇指南帮你搞定favicon图标设计。 什么是favicon图标？ Favicon也称为URL图标或网站图标。这些图标非常小（通常为16×16或32×32），并会显示在浏览器窗口和书签中网站网址的旁边，让访问用户可以轻松在其打开的窗口中识别你
favicon
07-23
faviconfaviconfavicon
网站favicon图标制作、引用
最新发布
听海边涛声
09-02 230
网站favicon图标制作、引用
制作favicon图标
weixin_60488295的博客
12-01 2596
常见的图片格式和特点 格式 优点 缺点 使用场景 jpg 色彩丰富，文件小 有损压缩，反复保存图片质量下降明显 色彩丰富的图片/渐变图像 gif 文件小，支持动画、透明，兼容性比较好 只支持256种颜色 色彩简单的logo/icon/动图 png 无损压缩，支持透明，简单图片尺寸小 不支持动画，色彩丰富的图片尺寸大 logo/icon/透明图 webp 文件小，支持有损和无损压缩，支持动画、透明 浏览器..
favicon图标制作
qq_48240947的博客
05-06 1031
一、制作favicon图标 用比特虫网站将png格式转化成ico图标 二、favicon图标放到网站根目录下 三、HTML页面引入favicon图标 在页面源文件的标签之间插入 <link rel="shortcut icon" href=" favicon.ico" />
favicon图标的制作
weixin_51415327的博客
08-24 276
重点：制作及使用favicon图标 1. 制作图标 2. 生成后将图标放在网站根目录下 3. 将生成的图标引入html页面中
给自己的网站制作一个favicon.ico图标的实现方法
10-31
制作favicon.ico图标的过程相对简单，但对于提升网站的专业形象和用户体验至关重要。通过上述步骤，即使是初学者也能轻松完成这项工作。记得定期更新你的favicon.ico图标，以保持与网站主题的一致性和新鲜感。此外，...
bitbug_favicon
09-20
标题“bitbug_favicon”可能指的是一个与网站图标（Favicon）相关的项目，可能是由一个名为"Bitbug"的开发者或团队创建的。...在实际操作中，理解和制作favicon对于提升网站的专业性和品牌识别度至关重要。
网站favicon图标如何下载？favicon生成器
xiaobaitongxueya的博客
08-22 997
Favicon也称为URL图标或网站图标。
轻松制作ico小工具
06-24
"轻松制作ico小工具"正是这样一个解决方案，它旨在简化ico文件的创建过程，让非专业人士也能在短时间内完成ico设计。这个小工具通常具备以下几个关键特性： 1. **用户友好界面**：软件提供直观的操作界面，让用户...
favicon.ico
08-10
favicon.ico 很简单的一张图片 favicon.ico favicon.ico favicon.ico favicon.ico
后端程序员利用 AI 给网站制作专业 favicon
Becomin' Charles
04-24 934
本文介绍了如何利用 AI + GIMP + ImageMagick 为自己的网站制作一个 favicon.ico 文件。
favicon图片制作和使用
m0_61973028的博客
03-30 1266
一、制作 favicon.ico一般用于作为缩略图的网站标志，它显示在浏览器的地址栏或者标签上。目前主要的浏览器都支持favicon.ico图标。制作favicon图标。要把单独的图标切成png然后借助网站给她转换成ico。推荐一个比特虫http://www.bitbug.net/。按照步骤完成之后。就会得到一个压缩包 二、如何使用 把压缩包放到编辑网站文件的根目录。在所需引用的html文件的head标签内插入<link rel="shortcut icon" href="favico.
favicon.ico在线制作
大强博客
07-14 8249
http://www.faviconico.org/favicon
网站favicon图标的制作
weixin_49054076的博客
04-05 1906
在页面源文件的标签之间插入。favicon.ico 一般用于作为缩略的网站标志，显示在地址栏或标签中。1、制作，先准备好png格式的图片，转化为ico图标。2、ico图标下载下来，放在项目的根目录下。3、html引入favicon图标。图像文件后,浏览器会自动弹出一个zip的压缩文件。我们在浏览器的时候，标题栏上会有小图片，如下图。那我们该怎么样实现这种效果呢？图像放在根目录下(也可以是其他目录)
python 制作 favicon.ic 图标代码
06-02
要制作 favicon.ico 图标，需要使用 Python 的 Pillow 库。以下是一个示例代码，可以将一个 256x256 的 PNG 图片转换成 favicon.ico 文件： ```python from PIL import Image # 打开 PNG 图片文件 img = Image.open("my_icon.png") # 调整大小为 256x256 img = img.resize((256, 256), Image.ANTIALIAS) # 创建一个新的空白图像 favicon = Image.new("RGBA", (256, 256), (255, 255, 255, 0)) # 将 PNG 图片复制到图标的中心 favicon.paste(img, (128 - img.width // 2, 128 - img.height // 2)) # 保存为 ICO 文件 favicon.save("favicon.ico") ``` 注意，这里使用了一个空白的 RGBA 图像来创建 ICO 文件，因为 ICO 文件需要包含一个或多个不同尺寸的图标。如果需要创建多个尺寸的图标，可以在创建空白图像时指定不同的尺寸，然后将 PNG 图片复制到不同的位置即可。
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值