购物车中还没有商品,赶紧选购吧!

新闻首页 > 资讯 > ps制作Favicon.ico为网站添加小图标

ps制作Favicon.ico为网站添加小图标

2019-10-10 10:55:16

步骤阅读

前期准备:

  • Photoshop
  • 图片素材
  • Adobe Dreamweaver

方法/步骤

  1. 1

    在设计logo图标前,先了解一下favicon.ico的尺寸,常用尺寸有:16×16像素、32×32 像素和 48×48像素,可以更具图片的简易度选择相应的尺寸。下面就来做个48×48像素的logo图标。打开Photoshop工具

    步骤阅读
  2. 2

    进入Photoshop设计界面,选择菜单栏上面的(如下图1)“文件”。弹出新建窗口,在新建窗口(如下图2)添加文件名为:favicon.ico和宽度高度为:48×48像素,其它选项不变。点击“确定”按钮。

    步骤阅读步骤阅读
  3. 3

    这个时候新建文件成功(如下图1),这个时候我们就要设计logo或者直接使用喜欢的素材。参考上面的logo设计,背景为蓝色,我们填充一下背景(如下图2)选择工具栏中“油漆桶工具”点击白色图层即可弹出背景颜色(如下图3)。

    步骤阅读步骤阅读步骤阅读
  4. 4

    背景填充完成,放入需要的素材,在此文件新建图层,把素材粘贴到刚才新建的图层上面(如下图)。即可完成。

    步骤阅读
  5. 5

    制作favicon.ico图片,接下来就是保存刚才做的文件。(如下图1)点击菜单栏中“文件”->“存储为”。弹出存储为窗口(如下图2),选择要保存的位置和要保存的文件格式。点击“保存”按钮完成favicon.ico图片的制作工序。

    步骤阅读步骤阅读
  6. 6

    favicon.ico图片制作完多多法务站上面并且显示?这时我们要把刚才制多多法务站根目录,然后用Adobe Dreamwe多多法务站首页或者头部的源文件。添加(如下图)代码:<link rel="shortcut icon" href="/favicon.ico" title="Favicon" /> 保存即可。

    步骤阅读
  7. 7

    添加代码完成,我们要看看是否添加成功多多法务站查看是否显示。如果显示表多多法务站没有此图标的朋友们,赶紧添加吧!

    步骤阅读END

注意事项

  • 修改源文件不要用文本编辑

上一篇:[韵律风格标志设计]

下一篇:[美国商标申请哪家好服务]

快速响应客户需求

全国30多家直属机构,一站式手续办理

一对一金牌服务

一对一专业服务,金牌团队全程跟进

业务过程全透明

全程公开透明,进度实时跟踪

低资费高服务

价格合理,超高性价比

商标注册查询

注册前先查询,有效提高成功率

商标名称*
联系电话*
联系人