主页 > 头脑发明 >如何去除favicon的背景?(免软体,ico图示轻鬆去背 >

如何去除favicon的背景?(免软体,ico图示轻鬆去背

有些人可能用其他软体做好favicon后,却发现自己的图示怎会有背景色,放在浏览器上显示时,总感觉不是很棒,那这时你就要来将你的favicon去背一下了,去背的方式常见的就是利用软体,不过你知道吗?其实也可以利用「favicon.ico Generator」这线上工具来处理喔!

先前我们就有介绍过可以利用「favicon.ico Generator」这线上工具来替我们製作专属自己的favicon图示,该工具可以製作一般平面的favicon图示,当然也可以製作动画版的图示,除此之外,更可以上传自己喜欢的图片并转成favicon.ico来当作自己的网站小图片喔!

除此之外,其实我们可以利用该网站的上传图片转成icon的功能,其中有图片修正,可以藉由该功能轻鬆将图片去背喔!虽然上次看到有文章说可以使用PhotoImpact去背,不过那是商业软体,并不是人人有,其实可以考虑试试看favicon.cc喔!

如果你还没有个人favicon,请参考这篇文章,自己製作一个吧!

教学文章:如何让部落格、网站有favicon小图示?(免软体,线上工具)

第1步 首先来到favicon.cc网站,点击左手边的﹝Import Image﹞,然后在中间区域选择好你得图片,下方的小车是让你可以自由选择图档的缩小方式,选好后请点击﹝Upload﹞进行上传。

上传图片限制

档案类型:jpg, jpeg, gif, png, bmp, ico

单档大小:4MB

如何去除favicon的背景?(免软体,ico图示轻鬆去背

第2步 上传完后,接着就要开始去背景了,请点击右手边的﹝transparent﹞,再来把你的画笔移到中间图案白底部分,点一下,那区就会变成「米黄色斜线」那就是代表透明底了,请把把色部分全部点成「米黄色斜线」,就完成去背景啰!

如何去除favicon的背景?(免软体,ico图示轻鬆去背

第3步 当去完背景后,请点击﹝Download Favicon﹞把图片下载下来。

如何去除favicon的背景?(免软体,ico图示轻鬆去背

第4步 当下载回来后,你可以把原本的图和刚去完背景的图相比较看看,是不是真的有去除成功了呢?确定OK后,接着把favicon图片改名为「favicon.ico」,然后上传到网站空间根目录即可。

如何去除favicon的背景?(免软体,ico图示轻鬆去背