当前位置: 开发笔记 > 后端 > 正文

制作ICO格式透明图标

作者：大傻vv_528 | 来源：互联网 | 2023-08-31 18:05

icon可以用多个软件制作，也可以通过一些网站把普通图片转换为.ico文件，但通常存在的问题是图片本该透明的地方经转换后变为了黑色或者白色，十分影响效果。难道一定要制作正方形的.ico文件方能掩盖此缺

icon可以用多个软件制作，也可以通过一些网站把普通图片转换为.ico文件，但通常存在的问题是图片本该透明的地方经转换后变为了黑色或者白色，十分影响效果。难道一定要制作正方形的.ico文件方能掩盖此缺陷？

首先，我们得下载个HyperSnap，这里推荐使用的是绿色版本的HyperSnap-DX 6，不用安装，解压使用，此软件的经典用途是用来抓图，多中抓图方式十分强大，同时它又具有很多图片格式的转换功能，包括转换为.ico和.cur（Windows光标文件，就是鼠标形状文件）。是个十分厉害的家伙！

在软件中打开图片，最好是.png，因为.png文件该透明的部分是可以做成透明的。其实呢，能显示透明的图片文件也不外乎是.png或.gif等几个。这里以.png文件为例。

接着就是把图片放大到800%，我为什么选800%呢？因为HyperSnap最多就是放大到800%了。要做成.ico文件的图片要不就是32*32px要不就是16*16px，太大太小都不行，所以进行转换之间就先把图片转换成如此大小了哦！

放大为800%的图片你就能看清楚每个像素了，每个方格就是一个像素，图3的.png就是32*32px的。

接着我们要设置前景颜色，这里暂不说为什么我们得设置前景颜色。

纯白色得红、绿、蓝三色都为255，我们把红、绿、蓝设置为3个254是为了那个颜色很接近白色但又不是白色，这可是十分有玄机的哦，不过还是暂时卖个关子。

设置了前景颜色后画线工具的颜色就是我们刚才设置的3个254了。在这个.png中，鱼的眼睛和鱼以外的部分是白色的，但经过用画线工具处理鱼眼睛以后，鱼眼睛就看上去是白色，但实际上只是近似白色而已，放大到像素阶段尚且很难察觉，更不用说是正常大小了。如此操作，真正是纯白色（3个255）的部分就只剩下鱼以外的地方了。而我之前所说的技巧也正是这里。

第7步是关键步骤，第4步到第6步所做得一切工作都是为第7步做准备！！！！废话少说，看看第8步的效果先！

第7步的处理那些该透明的地方变成了透明了！！！原因是在第7步我们选择了纯白色的区域转换为透明！我们之前先要把鱼眼睛弄成很接近纯白色的白色目的就是为了让它和真正得纯白色分开，那么我们进行第7步处理的时候我们就不会把眼睛也弄成透明了。并不是制作的所有icon都必须要进行如此操作，如果你的icon的核心部分的颜色没有和透明部分的颜色一样，那么就只需要把透明部分的颜色设置为透明。通常来说，.png文件在HyperSnap中打开，透明部分的颜色为白色，于是只要你要处理的图案中没有白色，那么你就可以跳过第4步到第6步，从第3步直接跳到第7步。到达第8步后就算完成了，你可以把它另存为.ico文件。

保存为.ico文件后图片会自动变成这个样子。建议你选择“撤消”回到上一步，把图片也保存为.gif格式，有另一个玄机的哦！

从Windos对比图我们可以分明看出，fish1.ico是利用上面的方法做出来的，而fish2.ico只是直接把.png输入到HyperSnap然后用.ico输出，本该透明的地方并不透明，这就是没使用技巧的结果了。浏览器效果对比图用的也是2个.ico文件，浏览器使用的是Firefox。也是一个使用了技巧一个没有，从Windows效果和浏览器效果都能很清楚地看出区别。

在第9步的描述里我曾说过要把图片也保存为.gif格式，为什么呢？因为根据我的试验，在Firefox浏览器中，无法正确显示HyperSnap输出的.ico文件，至于为什么我就不知道了，可能是我没有把文件放在一个正常的目录下吧（我只把.ico放在BlogBus上传文件的目录下，其路径为http://files.blogbus.com/***.blogbus.com/files/***.ico）。所以我们得强行把保存好的gif文件后缀改变为.ico，那么Firefox就认了。至于我为什么这里只字不提Maxthon浏览器的效果，因为它自己有[已确认][bug]网站favicon的显示方式的bug，根本没办法对比。到现在为止（2007-08-05）可以显示非根目录下的.ico，我们使用的主流浏览器中只有Firefox和IE7能做到。

到此为止，我所讲述得透明icon制作方法传授完毕！希望看此日志的朋友能有所得，早日制作出自己个性化的透明icon！！！！

推荐阅读

upload
基于layUI的图片上传前预览功能的2种实现方式

本文介绍了基于layUI的图片上传前预览功能的两种实现方式：一种是使用blob+FileReader，另一种是使用layUI自带的参数。通过选择文件后点击文件名，在页面中间弹窗内预览图片。其中，layUI自带的参数实现了图片预览功能。该功能依赖于layUI的上传模块，并使用了blob和FileReader来读取本地文件并获取图像的base64编码。点击文件名时会执行See()函数。摘要长度为169字。 ... [详细]

蜡笔小新 2023-12-14 17:06:58
upload
如何去除Win7快捷方式的箭头

本文介绍了如何去除Win7快捷方式的箭头的方法，通过生成一个透明的ico图标并将其命名为Empty.ico，将图标复制到windows目录下，并导入注册表，即可去除箭头。这样做可以改善默认快捷方式的外观，提升桌面整洁度。 ... [详细]

蜡笔小新 2023-12-14 16:17:05
缓存
Java工具类库Hutool介绍及功能概述

本文介绍了Java工具类库Hutool，该工具包封装了对文件、流、加密解密、转码、正则、线程、XML等JDK方法的封装，并提供了各种Util工具类。同时，还介绍了Hutool的组件，包括动态代理、布隆过滤、缓存、定时任务等功能。该工具包可以简化Java代码，提高开发效率。 ... [详细]

蜡笔小新 2023-12-14 14:29:36
mysql
高校天文共享平台开发过程中的思考与规划

本文介绍了高校天文共享平台的开发过程中的思考和规划。该平台旨在为高校学生提供天象预报、科普知识、观测活动、图片分享等功能。文章分析了项目的技术栈选择、网站前端布局、业务流程、数据库结构等方面，并总结了项目存在的问题，如前后端未分离、代码混乱等。作者表示希望通过记录和规划，能够理清思路，进一步完善该平台。 ... [详细]

蜡笔小新 2023-12-13 18:08:58
mysql
使用集算器将日志文件结构化，轻松使用SQL查询

本文介绍了一种轻巧方便的工具——集算器，通过使用集算器可以将文本日志变成结构化数据，然后可以使用SQL式查询。集算器利用集算语言的优点，将日志内容结构化为数据表结构，SPL支持直接对结构化的文件进行SQL查询，不再需要安装配置第三方数据库软件。本文还详细介绍了具体的实施过程。 ... [详细]

蜡笔小新 2023-12-11 13:27:46
upload
七牛上传图片成功之后，图片裂了

图像因存在错误而无法显示 ... [详细]

蜡笔小新 2023-12-11 13:17:11
iis
Windows下配置PHP5.6的方法及注意事项

本文介绍了在Windows系统下配置PHP5.6的步骤及注意事项，包括下载PHP5.6、解压并配置IIS、添加模块映射、测试等。同时提供了一些常见问题的解决方法，如下载缺失的msvcr110.dll文件等。通过本文的指导，读者可以轻松地在Windows系统下配置PHP5.6，并解决一些常见的配置问题。 ... [详细]

蜡笔小新 2023-12-14 12:37:25
iis
Mac OS 升级到11.2.2 Eclipse打不开了，报错Failed to create the Java Virtual Machine

本文介绍了在Mac OS升级到11.2.2版本后，使用Eclipse打开时出现报错Failed to create the Java Virtual Machine的问题，并提供了解决方法。 ... [详细]

蜡笔小新 2023-12-14 12:01:13
并发
t-io 2.0.0发布-法网天眼第一版的回顾和更新说明

本文回顾了t-io 1.x版本的工程结构和性能数据，并介绍了t-io在码云上的成绩和用户反馈。同时，还提到了@openSeLi同学发布的t-io 30W长连接并发压力测试报告。最后，详细介绍了t-io 2.0.0版本的更新内容，包括更简洁的使用方式和内置的httpsession功能。 ... [详细]

蜡笔小新 2023-12-14 10:17:48
并发
如何在服务器主机上实现文件共享的方法和工具

本文介绍了在服务器主机上实现文件共享的方法和工具，包括Linux主机和Windows主机的文件传输方式，Web运维和FTP/SFTP客户端运维两种方式，以及使用WinSCP工具将文件上传至Linux云服务器的操作方法。此外，还介绍了在迁移过程中需要安装迁移Agent并输入目的端服务器所在华为云的AK/SK，以及主机迁移服务会收集的源端服务器信息。 ... [详细]

蜡笔小新 2023-12-13 13:23:48
并发
问题2：重新命名或者移动数据文件、日志文件到新的位置

本文讨论了在数据库打开和关闭状态下，重新命名或移动数据文件和日志文件的情况。针对性能和维护原因，需要将数据库文件移动到不同的磁盘上或重新分配到新的磁盘上的情况，以及在操作系统级别移动或重命名数据文件但未在数据库层进行重命名导致报错的情况。通过三个方面进行讨论。 ... [详细]

蜡笔小新 2023-12-13 13:02:24
并发
手机移动端HTML5和JavaScript如何实现视频上传和压缩视频质量？

本文讨论了在手机移动端如何使用HTML5和JavaScript实现视频上传并压缩视频质量，或者降低手机摄像头拍摄质量的问题。作者指出HTML5和JavaScript无法直接压缩视频，只能通过将视频传送到服务器端由后端进行压缩。对于控制相机拍摄质量，只有使用JAVA编写Android客户端才能实现压缩。此外，作者还解释了在交作业时使用zip格式压缩包导致CSS文件和图片音乐丢失的原因，并提供了解决方法。最后，作者还介绍了一个用于处理图片的类，可以实现图片剪裁处理和生成缩略图的功能。 ... [详细]

蜡笔小新 2023-12-12 15:58:44
并发
集成电路企业跨隔离网数据交换的安全性及解决方案

集成电路企业在进行跨隔离网数据交换时面临着安全性问题，传统的数据交换方式存在安全性堪忧、效率低下等问题。本文以《Ftrans跨网文件安全交换系统》为例，介绍了如何通过丰富的审批流程来满足企业的合规要求，保障数据交换的安全性。 ... [详细]

蜡笔小新 2023-12-12 11:59:54
mvc
SpringMVC接收请求参数的方式总结

本文总结了在SpringMVC开发中处理控制器参数的各种方式，包括处理使用@RequestParam注解的参数、MultipartFile类型参数和Simple类型参数的RequestParamMethodArgumentResolver，处理@RequestBody注解的参数的RequestResponseBodyMethodProcessor，以及PathVariableMapMethodArgumentResol等子类。 ... [详细]

蜡笔小新 2023-12-11 19:55:40
cron
Linux下安装免费杀毒软件ClamAV及使用方法

本文介绍了在Linux系统下安装免费杀毒软件ClamAV的方法，并提供了使用该软件更新病毒库和进行病毒扫描的指令参数。同时还提供了官方安装文档和下载地址。 ... [详细]

蜡笔小新 2023-12-10 14:10:51

大傻vv_528

这个家伙很懒，什么也没留下！

Tags | 热门标签

RankList | 热门文章