怎么制作ICO图标使背景颜色为透明?

Posted

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了怎么制作ICO图标使背景颜色为透明?相关的知识,希望对你有一定的参考价值。

看图。 要是用ICO提取工具 提取出来的是有白色背景的,有什么软件能做出透明背景的? 谢谢! 请不要复制粘贴,我已经看过很多别的的提问了, 没有找到好的软件. 希望有哪位朋友 能共享一下你的文件。

1、下载安装ico制作软件,

2、打开软件,选择左侧图片所在位置,点击选中需要制作成ico图片,

3、弹出需要制作成什么规格图标的设置菜单,选中点击确认,

4、弹出图片编辑窗口,点击右侧选择按钮,然后选中图片白色背景进行删除,

5、完成后点击文件选择另存为,

6、输入文件名及保存类型为ico,点击保存,

7、可以看到,ico文件已经制作好了,背景是透明的而非白色,完成效果图。

参考技术A

ICO图标是Windows的图标文件格式的一种,图标文件可以存储单个图案、多尺寸、多色板的图标文件,一个图标实际上是多张不同格式的图片的集合体,并且还包含了一定的透明区域。制作ico图标可以用Photoshop软件,但是,默认情况下ps软件是不支持ico格式输出的,要用Photoshop制作ico格式文件,必须先安装ico插件,用Photoshop cc2014软件制作ico格式背景透明的图标方法是:

1、首先,在网上搜索下载ICO插件;

2、解压,得到一个“ICOFormat.8bi”文件;

3、将得到的ICOFormat.8bi文件复制到PS安装目录下的Plug-Ins文件夹下;

4、打开Photoshop软件,打开“文件--新建”,新建一个像素不大于256像素*256像素的透明背景文件(大于256像素的不支持),拖进一张要制作图标的图片;

5、打开“椭圆形选框工具”,绘制一个正圆选区(按住shift键),“选择--反选“,”编辑--清除“;

6、打开“文件--存储为...”,在文件“保存类型”里就有一个ICO格式,将处理好的背景透明图片文件保存为ico格式图标文件,完成。

参考技术B

1,用photoshop做出一个png格式的图片,注意如果想要效果好的话就必须是背景为空白,所以要把旁边的一些颜色什么的擦掉,是个细活。

2,将做好的png图像做成图标。用IconWorkshop这个软件,相当简单。

做出来就是ico图标文件,然后换一下就ok了。

给你看看我的桌面。

瓶和邪字分别是我的电脑和回收站,我把它们的名字改成空白了。

那个图章是我的文件夹,名字也是空白。

看上去桌面上什么都没有,很清爽~

参考技术C

直接用这个在线的图片转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格式的图片本身是不支持的。

参考技术D 用Photoshop可以改成透明的,或者使用PE explorer 提取图标,只要图标本身是透明的,则资源提取后一样是透明的。

网页的title左边的小图片怎么添加

首先,代码中的title标签里是不能加图片的。但是浏览器标提栏前面是可以加一个小图标的。

解决方案:
第一步,做一个16 X 16像素的ico格式的图标。具体操作方法是,先在Photoshop中做一个透明背景的16 X 16像素PNG格式的小图标,再在AWiconsPro软件中导入这个PNG图标,再另存为ICO格式。
注意:文件名一定要保存为favicon.ico

第二步,把favicon.ico图标文件上传到你的网站根目录即可。下次浏览这个网站时网页的标题栏就会显示这个小图标。注意:如果没有显示,可能是浏览器缓存问题,此时按Ctrl+F5强制刷新即可。

见:网站的title如何添加图片

以上是关于怎么制作ICO图标使背景颜色为透明?的主要内容,如果未能解决你的问题,请参考以下文章

CSS请教,给透明图加色?

vue背景透明度消失

css在灰色透明的背景下,如何才能使上面的字的颜色为白色?

CSS中背景颜色透明度如何设置?

怎么把图片背景变成透明

如何使相机预览的透明彩色背景散发出一个视图?