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

制作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！！！！

推荐阅读

java
Cookie学习小结

Cookie学习小结 ... [详细]

蜡笔小新 2024-11-14 16:26:25
java
PHP 行为日志记录详解

本文详细介绍了如何在PHP中记录和管理行为日志，包括ThinkPHP框架中的日志记录方法、日志的用途、实现原理以及相关配置。 ... [详细]

蜡笔小新 2024-11-14 09:55:11
分布式
基于iSCSI的SQL Server 2012群集测试(一)SQL群集安装

一、测试需求介绍与准备公司计划服务器迁移过程计划同时上线SQLServer2012，引入SQLServer2012群集提高高可用性，需要对SQLServ ... [详细]

蜡笔小新 2024-11-13 15:49:49
分布式
Linux CentOS 7 安装PostgreSQL 9.5.17 （源码编译）

近日需要将PostgreSQL数据库从Windows中迁移到Linux中，LinuxCentOS7安装PostgreSQL9.5.17安装过程特此记录。安装环境&#x ... [详细]

蜡笔小新 2024-11-12 22:05:03
http
window下的python安装插件

window下的python安装插件,Go语言社区,Golang程序员人脉社 ... [详细]

蜡笔小新 2024-11-12 15:14:05
spring
秒建一个后台管理系统？用这5个开源免费的Java项目就够了

秒建一个后台管理系统？用这5个开源免费的Java项目就够了 ... [详细]

蜡笔小新 2024-11-12 03:21:33
spring
开发日志：高效图片压缩与上传技术解析

开发日志：高效图片压缩与上传技术解析 ... [详细]

蜡笔小新 2024-11-11 19:33:51
spring
Bootstrap 学习指南：全面掌握前端框架的核心知识点与实战技巧

### 优化后的摘要本学习指南旨在帮助读者全面掌握 Bootstrap 前端框架的核心知识点与实战技巧。内容涵盖基础入门、核心功能和高级应用。第一章通过一个简单的“Hello World”示例，介绍 Bootstrap 的基本用法和快速上手方法。第二章深入探讨 Bootstrap 与 JSP 集成的细节，揭示两者结合的优势和应用场景。第三章则进一步讲解 Bootstrap 的高级特性，如响应式设计和组件定制，为开发者提供全方位的技术支持。 ... [详细]

蜡笔小新 2024-11-09 16:58:21
api
数据迁移的关键技巧与策略

无论是在迁移到云服务还是更换云服务商的过程中，数据迁移都是一个至关重要的环节。本文将探讨数据迁移中可能遇到的问题及解决方案，包括路径问题、速度问题和数据完整性等。 ... [详细]

蜡笔小新 2024-11-14 18:12:45
java
深入解析HTML5字符集属性：charset与defaultCharset

本文将详细介绍HTML5中新增的字符集属性charset和defaultCharset，帮助开发者更好地理解和应用这些属性，以确保网页在不同环境下的正确显示。 ... [详细]

蜡笔小新 2024-11-13 11:09:46
java
Cocos2d-x学习笔记：基础概念解析与内存管理机制深入探讨

在《Cocos2d-x学习笔记：基础概念解析与内存管理机制深入探讨》中，详细介绍了Cocos2d-x的基础概念，并深入分析了其内存管理机制。特别是针对Boost库引入的智能指针管理方法进行了详细的讲解，例如在处理鱼的运动过程中，可以通过编写自定义函数来动态计算角度变化，利用CallFunc回调机制实现高效的游戏逻辑控制。此外，文章还探讨了如何通过智能指针优化资源管理和避免内存泄漏，为开发者提供了实用的编程技巧和最佳实践。 ... [详细]

蜡笔小新 2024-11-11 14:49:31
java
PHP 各版本对比：标准版与最新顶级版的详细分析

PHP 各版本对比：标准版与最新顶级版的详细分析 ... [详细]

蜡笔小新 2024-11-11 13:23:25
http
如何将TS文件转换为M3U8直播流：HLS与M3U8格式详解

在视频传输领域，MP4虽然常见，但在直播场景中直接使用MP4格式存在诸多问题。例如，MP4文件的头部信息（如ftyp、moov）较大，导致初始加载时间较长，影响用户体验。相比之下，HLS（HTTP Live Streaming）协议及其M3U8格式更具优势。HLS通过将视频切分成多个小片段，并生成一个M3U8播放列表文件，实现低延迟和高稳定性。本文详细介绍了如何将TS文件转换为M3U8直播流，包括技术原理和具体操作步骤，帮助读者更好地理解和应用这一技术。 ... [详细]

蜡笔小新 2024-11-11 12:12:04
http
系统转换的三种方法及其具体应用分析

系统转换是信息技术领域中常见的任务，本文详细探讨了三种主要的系统转换方法及其具体应用场景。这些方法包括：代码迁移、数据迁移和平台迁移。文章通过实例分析了每种方法的优势和局限性，并提供了实际操作中的注意事项和技术要点。例如，代码迁移适用于从VB6获取网页源码，数据迁移在Ubuntu中用于隐藏侧边栏，而平台迁移则涉及Tomcat 6.0的使用和谷歌爬虫的测试。此外，文章还讨论了蓝翰互动PHP面试和5118 SEO工具在系统转换中的应用，为读者提供了全面的技术参考。 ... [详细]

蜡笔小新 2024-11-10 13:53:48
java
Hadoop平台警告解决：无法加载本机Hadoop库的全面应对方案

本文探讨了在Hadoop平台上遇到“无法加载本机Hadoop库”警告的多种解决方案。首先，通过修改日志配置文件来忽略该警告，这一方法被证明是有效的。其次，尝试指定本地库的路径，但未能解决问题。接着，尝试不使用Hadoop本地库，同样没有效果。然后，通过替换现有的Hadoop本地库，成功解决了问题。最后，根据Hadoop的源代码自行编译本地库，也达到了预期的效果。以上方法适用于macOS系统。 ... [详细]

蜡笔小新 2024-11-09 19:46:30

大傻vv_528

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

Tags | 热门标签

RankList | 热门文章