`
johnnyhg
  • 浏览: 347242 次
  • 来自: NA
社区版块
存档分类
最新评论

轻松制作Favicon

    博客分类:
  • web
阅读更多

看到那些Web2.0站点的图标了吧,比如饭否 favicon 轻松制作做一个万金油的Favicon ),鲜果 favicon 轻松制作做一个万金油的Favicon ),他们都有很漂亮的Favicon。但是对于我们呢,添加一个Favicon很简单,只需要一个ICO和一段代码。但如果是要做一个Favicon呢?不要怕,今天NetPuter就来带着你一步一步做出属于Favicon,还是万金油型的哦!最后的效果就像我们OrzDreamfavicon 轻松制作做一个万金油的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是不是很万金油吖?喜欢吧,喜欢就评论下吧^^。

分享到:
评论

相关推荐

    bitbug_favicon

    标题“bitbug_favicon”可能指的是一个与网站图标(Favicon)相关的项目,可能是由一个名为"Bitbug"的开发者或团队创建的。...在实际操作中,理解和制作favicon对于提升网站的专业性和品牌识别度至关重要。

    轻松制作ico小工具

    "轻松制作ico小工具"正是这样一个解决方案,它旨在简化ico文件的创建过程,让非专业人士也能在短时间内完成ico设计。这个小工具通常具备以下几个关键特性: 1. **用户友好界面**:软件提供直观的操作界面,让用户...

    给自己的网站制作一个favicon.ico图标的实现方法

    制作favicon.ico图标的过程相对简单,但对于提升网站的专业形象和用户体验至关重要。通过上述步骤,即使是初学者也能轻松完成这项工作。记得定期更新你的favicon.ico图标,以保持与网站主题的一致性和新鲜感。此外,...

    渝海ico图标制作工具 1.0 Build 20110605.rar

    欢迎使用渝海ico图标制作工具,本工具运行环境... 主要功能: 渝海ico图标制作,帮您轻松制作ico图标,提供在线ico图标转换,可以将png,jpg,gif格式图像转换成ico图像,轻松生成favicon.ico图标 免费、开源程序。

    114表白网站制作源码,表白网页在线生成制作 新增模板

    这个项目的核心功能在于提供模板选择和定制服务,让不具备编程基础的人也能轻松制作出具有浪漫氛围的表白网站。 1. **无数据库设计** 该源码的独特之处在于其无数据库架构。通常,网站制作会涉及到数据库来存储...

    ICO制作软件——制作自己的ICO图标

    ICO制作软件是用于创建、编辑和转换ICO图标的工具,这种图标主要用于网站的favicon,即浏览器地址栏前的小图标。本文将深入探讨ICO图标...了解ICO格式的特性和使用适当的软件,就能轻松创建出代表你网站个性的favicon。

    快速制作ico图标 ICO制作

    在IT行业中,ICO图标是一种特殊类型的图像文件,主要用于网站、应用程序和软件的标识。它具有一个独特之处,即能够同时...而"快速转变为ico"这样的工具则大大简化了这一过程,使得非专业设计师也能轻松完成图标制作。

    一款完全免费、绿色的在线ico制作工具

    这款【在线ICO制作工具】提供了一个便捷的解决方案,让用户无需复杂的图像编辑软件就能轻松将常见的图像格式如JPEG(JPG)、Graphics Interchange Format(GIF)和Portable Network Graphics(PNG)转换为ICO格式。...

    ico制作教程

    - **网页图标**:网站常常会使用ICO文件作为其网页的Favicon,即浏览器地址栏中的小图标。 - **操作系统资源管理器图标**:在Windows系统中,ICO文件还被用于文件夹和其他系统元素的图标展示。 #### 五、总结 通过...

    网页图标制作工具

    总的来说,"网页图标制作工具"是一个实用的辅助软件,它简化了网页图标的创建过程,使非专业设计人员也能轻松制作出高质量的图标,从而提升网站的整体外观和用户体验。对于那些关注细节和品牌形象的网站管理员来说,...

    ICO图标制作软件

    ICO图标制作软件是一种专门用于创建和编辑ICO格式图标的工具,这种格式的图标主要用于计算机桌面、应用程序和网站的favicon。ICO文件的特点在于它能够包含多种尺寸和颜色深度的图像,以便在不同分辨率和设备上都能...

    ico图标制作工具

    ico图标制作工具是一种专门用于创建和编辑.ico格式图标的软件,这种格式的图标通常用于网站的favicon或桌面应用程序的图标。在计算机世界中,图标不仅仅是一个美观的元素,它还是软件或网站识别的重要组成部分,因此...

    图标在线制作图标在线制作图标在线制作图标在线制作

    这种服务通常提供多种样式、形状、颜色和大小的选择,满足不同用户的需求,无论是个人项目还是商业用途,都能轻松制作出符合主题的图标。 在描述中提到的“图标在线制作”,意味着我们可以在线完成图标设计的过程,...

    icon制作软件,图片转换为icon

    "Axialis IconWorkshop"是一款专业级的图标制作工具,它提供了丰富的功能,使得用户可以轻松创建、编辑和管理图标。以下是一些关键功能和步骤: 1. **导入与导出**:你可以直接导入各种图像格式如JPEG,PNG,BMP等...

    ico制作转换工具

    这个工具提供了一站式的解决方案,使得非专业设计师也能轻松地进行图标制作。 在描述中提到的“提取”功能,是指可以从已有的程序、文件或网站中提取ico图标。这种功能特别有用,因为有时我们需要将一个程序的图标...

    ICO制作软件非常好用

    2. **网页设计**:网站的favicon(即浏览器标签页上的小图标)是品牌形象的一部分,ICO制作软件可以帮助设计师快速制作出适配不同设备和分辨率的favicon。 3. **个性化定制**:个人用户可以通过此类软件定制自己的...

    ICO图标制作和转换程序(好用).rar

    通过"jpg转ico"功能,用户可以将个人或品牌的标识轻松转化为适合Windows系统的图标,方便应用于软件、网站或者桌面快捷方式。 ICO图标制作过程中,尺寸的选择很重要。32*32像素的尺寸是一个标准的图标大小,适用于...

    ICO小图标制作软件

    ICO小图标制作软件是一款专为用户设计的便捷工具,它能帮助用户轻松地将常见的图像格式如JPG、JPEG、GIF和PNG转换为ICO格式,以便用于网站的favicon图标或者其他的系统图标需求。Favicon图标是网页浏览器地址栏、...

    logo制作专家网站标志制作的利器

    "Logo制作专家"是一个专为创建独特且吸引人的网站标志设计工具,它旨在帮助用户轻松地制作出专业的Logo,无论用户是否具备深厚的图形设计背景。下面将详细探讨Logo制作、设计原则以及该工具的功能特性。 1. **Logo...

    ico制作工具超级好用

    1. **用户友好界面**:一个好的ico制作工具应该有一个直观的界面,使得即便是不熟悉图像处理的用户也能轻松上手。它可能提供拖放功能,让用户可以方便地导入所需的图像。 2. **多种图像格式支持**:为了制作ico文件...

Global site tag (gtag.js) - Google Analytics