网站设计常用图标打包（网页制作图标）

今天给各位分享网站设计常用图标打包的知识，其中也会对网页制作图标进行解释，如果能碰巧解决你现在面临的问题，别忘了关注本站，现在开始吧！

本文目录一览：

• 1、网页设计中常见的图标有哪些？
• 2、哪些图像的格式可以用于网页设计?它们各自有什么特点？
• 3、ui设计的图标都有哪些参考网站
• 4、有没有什么好的设计图标素材网站？
• 5、求png格式的48*48的图标 做网页用的
• 6、网页设计图标

网页设计中常见的图标有哪些？

有一些用户不喜欢的图标。他们说图标不清楚，难看或根本无法解释他们不喜欢的东西。原因很简单-在此类图标中，违反了其构造的一项或多项基本原则。

让我们从一些基础知识开始。网页设计中的图标只是很小的元素，而不是重要性或意义。需要它们来指示信息。这些是视觉锚点，有助于吸引用户的注意力并指导他们执行目标明确的动作。

图标有助于：

吸引眼球;

了解含义；

浏览界面；

节省视觉空间；

与用户建立联系。

图标的使用并不像乍看起来那样容易，它需要设计能力和周到的方法。（最好由单独的专家来处理图标。）

一些设计师最大的担心是他们的图标看起来是否整洁，是否居中正确以及像素是否完美匹配。他们根据公式对齐元素，但忘记了最重要的事情。

哪些图像的格式可以用于网页设计?它们各自有什么特点？

首先介绍网页设计中常用图片的三种格式：GIF,JPEG,PNG。

GIF

GIF是一种调色板型（palette type）（或者说是索引型）的图片。它含有多达256种的颜色。每一个象素点都有一个对应的颜色值。因为这种格式不再存在专利权的问题

GIF是一种无损压缩的格式，这意味着当你修改并且保存了图片的时候,它的质量不会有任何损耗。

GIF格式也支持动画.在黑暗的web1.0时代，它导致了大量多余的昙花一现的“新”图片（blinking “new” images），循环的@符号（rotating @ signs），birds dropping，a email以及其他一些让人厌烦的东西的出现。在更加文明的web2.0时代，在等待一个更新页面的ajax请求的时候，我们仍然会看到 “loading”动画，但是也有一些比较讨人喜欢的东西,人们喜欢把它们放在自己的网络上。不管怎么说，如果你有需要，就可以使用动画支持。

GIF也支持透明度，透明度的值是一种布尔类型数据。GIF图片里的一个象素要么完全透明,要么完全不透明。

JPEG

JPEG图片不象GIF图片那样只能有256种颜色，它可以包含数百万种颜色，而且有极高的压缩率。这使得JPEG图片比较适合用来保存相片。事实 上，大多数的相机以jpeg格式保存照片。JPEG是一种有损压缩的格式,这意味着你每次进行编辑的时候都会有质量损耗，所以如果你打算进行多次编辑，那 么最好把中间生成的图片换一种格式存储。但是,还有一些不会损耗图片质量的操作，比如说裁剪图片，旋转图片或者修改元信息。元信息包括，比如说，存储在图 片文件中的注释。

JPEG不支持透明度。

PNG

PNG是一种无损压缩的格式，而且它有很多种类。单考虑实际的用途,我们可以把它分为两种：

1.PNG8 2.真彩色PNG PNG8是一种调色板型(palette)图象格式,就象GIF。 8代表8位, 28, 或者 256。 PNG8, 调色板型PNG以及索引型 PNG，这些术语都可以互换使用。

那么,PNG8比起GIF有哪些优缺点呢？

优点：

通常文件体积比较小

支持alpha（可变）透明度

缺点：

不支持动画

第二种类型的PNG格式是真彩色PNG。这类图片可以包含百万种颜色,就象JPEG。你有时候会碰见它们以PNG24或PNG32命名。

对于PNG8和真彩色PNG，IE7都提供了alpha透明度正确的原生的支持。对于早期版本的IE浏览器你需要使用css和AlphaImageLoader滤镜来修复全彩色PNG中的透明度问题。对于这个问题,在接下来的文章中，我们将会讨论一些更多的细节。

在网页设计中，大众最认可的的图片形式是GIF与JPEG格式。但这会使你感到困惑：那我在网站建设中到底应该用GIF格式还是JPEG格式？

方便记忆的简易准则：

1．在你的电脑上制作的水平形式的条例、按钮以及动画图片，这些图片应该用GIF格式。

2．如果图片是扫描的图画或照片时就用JPEG格式。

而什么时候用PNG比较合适呢？

虽然PNG8应该作为PNG类型文件的首选,因为它的文件体积更小而且在早期版本的IE浏览器中不需要使用特别的css滤镜就能很好地降级,但是在使用的时候仍然有需要注意的地方：

1.当PNG8的256种颜色不够用的时候,你可能需要使用全彩色PNG。这种情况应该 尽量避免。一方面，如果你想使用成千上万的颜色,那么这种情况下JPEG将会比较适合,而且能够有更好的压缩率。另一方面，如果颜色数在一千左右,你应该 尽量把这种图片转换为PNG8格式,然后看看它是不是看起来还能够接受。很多情况下,当颜色数达到200到1000的时候,人的肉眼就分辨不出来了。当 然，这也得看是哪种图片了；通常你可以非常安全地删掉1000种颜色,但是有些时候只是删掉2种颜色,图片的效果就不能让人接受了。不管怎么样, 尽可能地把真彩色PNG转换为PNG8和JPEG格式，看看你能不能接受它们的质量和体积。

2.图片的大部分象素是半透明的情况。如 果图片种只有一小部分是不完全透明的,象围绕在圆角周围的象素点,那么PNG8的类GIF(GIF-like)降级通常都没有问题。但是如果图片的大部分 是半透明的（象***播放器上的播放按钮）,那么你除了使用AlphaImageLoader hack你可能别无选择。

最后，让我们总结一下：

1.JPEG格式比较适合用来存储照片

2.GIF格式可以用来做动画

3.PNG8可以用来做小图标（icons），按钮，背景等等。

ui设计的图标都有哪些参考网站

网页链接  阿里巴巴矢量图标库，这个是国人都在用的，缺点是图标好坏参差不齐

网页链接  熊猫图标网，这个网站虽然是英文的，但是可以用中文输入哦

网页链接  这个是国外的网站，图标全部免费，质量特别高，如果会英文，推荐这个

有没有什么好的设计图标素材网站？

图标可以用在设计logo、网站设计、平面设计等多种场合，去哪里找免费优质的图标素材呢？今天我来给大家分享10个超棒的icon图标网站。

一、Flaticon

Flaticon是免费icon图标网站中最有名的一个，它是FreepikCompany旗下的产品，该公司以提供全球个人出色的视觉体验而知名。

除了让你能够免费下载图标之外，更棒的是任何人都可以成为Flaticon的图标制作者，并且部份图标会要求使用者付费购买，而当别人购买你设计的图标时，你可以从中赚取获利。

二、矢量图标素材

网址：

设计logo图标素材哪里找？这是一个矢量logo图标素材库，里面的各种分类非常全，全部是svg格式，并且可以以关键词形式搜索，非常方便。如果你挑选到了喜欢的logo，直接可以用LOGO神器在线设计自己的logo，对于设计小白，设计软件操作不熟练的人是款很省事的工具。

三、Iconfinder

有没有更多免费的icon图标网站呢?当然有，Iconfinder就是这样的一个存在，该网站上有14,851个以上的图标提供你免费下载，并且绝大多数的图标都有CC 3.0***授权。

虽然icon的著作权仍然归原创作者所有，但好消息是你依旧可以将这些图标用于商业使用上。

除此之外，Iconfinder还有一个庞大的素材库，该素材库总共有超过300万个图标可供使用。

四、Icons8

Icons8是我最喜欢的icon图标网站之一，它们不仅提供很棒的素材内容，同时它们的操作界面也非常直观。

Icons8最出色的特点是图标多样性和编辑功能，例如你在搜索框搜索” 飞机 ”，接着你找到一个满意的图标，点击它之后就能进行颜色更换、添加字体或添加标记等，你不需要再开启图片编辑器，可以直接在网站上进行编辑。

最后，但并非最不重要的一点是，如果你使用Windows操作系统，并且不想花钱买矢量图形编辑器– Sketch，Icons8相关的同类型产品，它将会是你理想的免费替代方案。

五、Freepik

Freepik已经有十几年的历史，并且包括各种常见的素材***，包括图标、图片和其他类型的素材。

每个图标都有专属页面，里面包括下载链接、授权资讯及大量相关图标，Freepik在相关图标建议的精确度确实令人惊奇，并且这些图标素材都看起来很棒。如果你正在制作信息图表或网页设计，那么Freepik会是你最佳图形素材来源之一。

六、Iconshock

Iconshock由致力于现代图形设计的Unusual Minds负责经营，这个公司经营图形设计超过十年，并为Iconshock平台积累了超过200万个原创icon图标。

他们的作品不仅在顶级杂志中被报道，甚至在世界上一些最受欢迎的软件中也能看到。如果要说真正的原创图标设计，这个团队绝对是榜上有名。

Iconshock除了拥有多达200万个图标的素材库外，它也可以自定义样式，你可以选择下载单个图标，或是直接下载整个图标包。

七、Pngtree

在几年内Pngtree就收集了数百万个独特的图形设计素材，包括插图、矢量图、模板、背景和图标等。

其中所有图标都经过分类，因此你可以透过分类快速找到需要的素材，找到图标后，可以将其以PNG或SVG的格式储存，最大支持尺寸是512×512 。

此外，每个图标都有单独的页面，你可以在这里点击下载，并且还有提供相关图标的下载建议，你可以顺便寻找可能会用上的Icon。

八、Iconstore

Iconstore与其他提供Icon免费下载的网站不同，独特的地方在于Iconstore专门提供受公认设计机构创作的原创图标包。

你可以获得超过230多种设计精美的创意图标，还能透过彩色、字形或类型等条件来过滤搜索结果，缩小搜索结果的范围。

你还可以更进一步，根据类别来选择图标，例如食品、科技、多媒体、商业、旅游或天气等。

Iconstore的图标品质非常的优秀，适合用来设计任何图像。

九、Material Icons

Material Icons主要以提供黑白图标为主，但并不是每个人都会用到黑白图标。

尽管如此，Material Icons提供的图标仍然非常不错，更不用说有数百种免费图标可供选择，非常适合网站设计使用。

选择图标后，你可以将颜色从黑色更改为白色，反之亦然，接着选择以SVG或PNG格式下载素材。

十、Freeicons

与我们已经介绍过的图标网站类似，FreeIcons也提供丰富的图标包供你免费下载。

每个图标包最多包括100个图标，而且大多数图标的设计都非常的赞，图标包主题似乎大部分都以技术为主。不过不用担心，你还是可以找到旅游、食物或其他主题的图标。

以上就是关于图标素材网站整理合集，希望对大家有帮助哦。

求png格式的48*48的图标 做网页用的

png格式的48*48的图标，找到2套漂亮的图标，希望你能喜欢

免费网页设计精品小图标集

精美网页设计小图标集

网页设计图标

16*16的f***icon.ico图片文件就OK了，至于这个图片怎么做，你可以百度下ico图标制作，就有在线小插件了

关于网站设计常用图标打包和网页制作图标的介绍到此就结束了，不知道你从中找到你需要的信息了吗 ？如果你还想了解更多这方面的信息，记得收藏关注本站。