如何制作ICO文件?

如何制作ICO文件?,第1张

直接用这个在线的图片生成ico工具吧,方便快捷,常用的图片格式比如jpg/png/webp/bmp等等都可以直接生成ico图标,还可以在线裁剪缩放,选取你需要的尺寸等等。在线ICO图标制作生成,图片转换ICO图标Pro版

图片转换ICO图标Pro版步骤:

一、点芦冲击或者拖拽到上传框中,即可上传你要转换的图片,直接将新图片拖入上传框即可更换图片。目前已知支持jpg、png等多种常见的图片格式,如果上传图片并转换ico图标成功,则代表支持该格式。

二、此时预览框中会出现刚刚上传的图片,可以任意缩放拖拽裁剪框,选择你想要截取并转换ico图标的区域。在拖拽缩放裁剪框的过程中,左上纯哗逗方会有ico图标效果的实时预览。

三、选择需要生成的ico图标的尺寸,主要提供宽高为16、32、48、64、128、256、512的尺寸以供选择。通常的ico图标基本都是32、64或者128像素的。

四、选择转换生成的ico图标的文件格式,默认的格式是.ico,并且有.jpg和.png格式可以选择。需要注意的是,ico图标一般都是背景镂空透明的图形,只有.ico和.png格式支持透明背景的图片。而.jpg格做卖式的图片本身是不支持的。

只要您拥有一张jpg,gif,png的图片就可以在线转换为ico;

或者先用PS等图像处理软件将图片弄成想要的样子,也就是周围是透明的,然后存为“PNG”格式

下载个软件axialisiconworkshop,很好用的。

打开这个软件,文件—打开,打开那张png格式的图片,然后正中间图片上面第一个工具(是个“I”的形状,把鼠标放上去,写着“从图像创建WINDOWS图标)点击后出现三个选项“其他图像格式,确定,取消)选择确定,然后保存ctrl+s就行了~

关于ICO站标的制作方法:

ICO站标是什么?

ICO是Icon file的缩写,是Windows图标文件格式的一种,可以存储单没大个图案、多尺寸、多色板的图标文件。ICO站标就是基于这个意义上建立起来的一种网站UEO应用模式。

右侧效果图→(炫酷网站长论坛):

第一步、制作一张你自己觉得合适的图片(当然也可以去网上下载),这张图片就是将来你的网站ICO站标的雏形,图片的初始大小、格式没有要求。

第二步、根据上面的图片制作ICO格式的站标图片,网络上有很多在线生成ICO站标的网站,我们通过百度直接搜索“ICO站标制作”,就可以找到了。将上面选定的图片导首橡入“原始图像”,“目标尺寸”选择16*16,点击生成,简单搞定!

第三步、将第二步中制作好的ICO文件命名为“favicon.ico”,一般情况下上述ICO制作网站生成的文件会自动帮助默认命名。

第四步、将“favicon.ico”文件上传至站点FTP根目录(不推荐其他目录),然后在首页文件的<head></head>标签内加上一段ICO站标代码,代码案例如下:

<link rel=shortcut icon href=http://www.###.com/favicon.ico />,

实际 *** 作中请将www.###.com换成你的域名即可,

大家也可以参看一下炫酷网站长论坛首页的源代码!如下图中的涂黑区域↓↓↓(点击图片放大)如果是博客程序的话,还需要更改其余的几个模板文件,代码放置区域同上。

关于博客程序的模板文件问题可以参考这篇文章:[zblog模板文件详细说明] ,

第五步、有静态化设置的站点需要将首页、内页等重新生成一下,博客程序的就文件重建一下,OK!

以上就是ICO站标的制作方法。

Ps:目前的浏览器很多枯芹竖都可以自动识别根目录下的“favicon.ico”文件(这也是为什么前面推荐根目录的原因),也许不用加代码就可以实现ICO站标效果,只不过这样不符合W3C推荐的规范而已,事实上很多大站都为此专门写一行代码,所以也建议站长们从基础做起。


欢迎分享,转载请注明来源:内存溢出

原文地址: http://www.outofmemory.cn/tougao/12124047.html

(0)
打赏 微信扫一扫 微信扫一扫 支付宝扫一扫 支付宝扫一扫
上一篇 2023-05-21
下一篇 2023-05-21

发表评论

登录后才能评论

评论列表(0条)

保存