怎么制作网页图标

怎么制作网页图标

怎么用好Photoshop去制作一个网页图标,制作四个png格式但是不同大小的图片,然后制作一个ico图标,还需要用到可以制作ico图标的网站,最后把五个文件放进你的github。io的文件夹里,再上传到github桌面版之后就行啦。

图标制作

要准备四个png格式的文件和一个ico格式的文件

  • 首先把你要上传的图标先转换为png格式(用ps转换)放进你的github.io的文件夹,并且命名为apple-touch-icon。
  • 在ps里面新建一个152x152的文档,把你的图标放进去并且保存为png格式,命名为apple-touch-icon-precomposed在ps里面新建一个152x152的文档,把你的图标放进去并且保存为png格式,命名为apple-touch-icon-precomposed。
  • 然后在ps里面新建一个16x16和32x32的文档,分别放进图标,再存为png格式,并且命名为favicon-16x16,favicon-32x32。
  • 最后,则是要制作一个ico格式的图标,去百度搜索制作icon图标,或者在我下面的链接点进去,里面会有直接可以转换的页面,你只要在原始图像那里放上你的图标,把目标尺寸改为16x16,电击生成ico图标,它会跳出保存位置,你只要记得你所保存的位置就行啦,这样就完成啦。

最后敲重点啦,这五个文件通通要保存在你的github.io的文件夹哦,不然就没用啦。

制作ico图标网址


kristina579

廖贵真,学生(网络与新媒体专业)中山大学南方学院