【前端工程师必备-素材图片资源网站】免费图标网站、免费图片素材网站、UI作品大全、渐变色生成工具（css样式代码+图片素材）、免费矢量图
一、免费图标网站集合1、iconfont2、iconfinder3、icons8 二、免费图片素材网站1、mixkit2、菜鸟图库 三、免费矢量图素材网站1、storytale2、undraw.co3、humaaans4、freepik6、silhouette-ac7、shareicon8、bg-patterns 四、在线图片处理工具1、在线PS（photopea）2、免费图片压缩工具 （Online Image Tool）3、免费图片压缩工具（TinyPNG）4、免费抠图工具（AI抠图）5、渐变色生成工具（css样式代码+图片素材）7、自定义按钮渐变色8、自定义渐变色背景图片生成工具9、自定义彩虹渐变色10、自定义纹理渐变色+动态效果一、免费图标网站集合
1、iconfont
/
Iconfont是阿里巴巴提供的一个图标库，你可以想象成是一个售卖图标的超市，挑选你需要的图标放入购物车，然后Iconfont会为你打包你购物车里的图标，自动生成一种新的字体，你可以选择下载到本地，在你的项目中引入这种字体，这样即便没有网络的情况也可以使用这些图标。
2、iconfinder
/
Iconfinder是一个屡获殊荣的图标库，提供数百万的图标，其中包括最流行的图标以及一些较独特的图标。Iconfinder支持多种平台，包括网页设计、移动应用、桌面应用等等。Iconfinder还提供一些流行的CSS、HTML、JavaScript等前端框架，帮助开发人员快速构建漂亮的网站和应用程序
3、icons8
/
Icons8 是一支设计师团队，其经营范围包括网页、iOS、安卓、Windows 等多平台应用的图标设计。除此之外，Icons8 还提供图标和图形下载服务，以及一些其他设计服务。这支团队的作品在各个领域都有广泛应用，其设计风格多样，从拟物化设计到扁平化设计都有涉及。他们的设计作品得到了用户的高度评价，是设计师和爱好者们值得关注的一支团队。
二、免费图片素材网站
1、mixkit
mixkit是国外优秀的免费高质量图片素材网站，提供大量的免费高质量的混合背景图片和混合元素，可以在个人和商业项目中使用。
https://mixkit.co/free-after-effects-templates/discover/
2、菜鸟图库
/
菜鸟图库是一个完全免费的素材网站，提供各种类型的配图，包括背景图片、广告设计素材、装饰素材、视频素材、音频素材、设计模板等。这个网站的特点是图片质量比较粗糙，适合用于不需要高质量图片的场合。此外，菜鸟图库提供大量的免费素材，部分图片提供免费下载及商业使用，每天可免费下载两款素材。
三、免费矢量图素材网站
1、storytale
https://storytale.io/
Storytale是一个图片素材网站，提供大量高清、无水印的免费图片素材，涉及自然、人像、情感、建筑、风景等各个主题。不仅如此，Storytale还提供故事素材，包括情节、角色、对白等，可以用于创作小说、电影、游戏等作品。
在Storytale上，你可以通过关键词搜索或按照分类筛选，找到自己需要的图片素材和故事素材。每个素材都有详细的说明和标签，方便用户查找和筛选。
2、undraw.co
http://undraw.co/
Undraw.co是一个充满创意和想象力的插画网站，全部免费，直接下载，中文翻译名安德拽。
这个网站提供了多种配色方案和各种场景的插画，用户可以根据需要选择不同的插画，并使用在线编辑工具进行编辑。除了提供单个插画的下载，Undraw还提供了一系列主题的插画包下载，每个主题都有不同的配色方案和插画组合，非常方便实用。
在Undraw.co的帮助下，你可以使用这些美丽的插画来为你的设计作品、博客、社交媒体、教学材料、演示文稿等等提供创意和美感。
3、humaaans
/
Humaaans是一个基于SVG的插画网站，提供可定制的插画角色，以供用户根据需要进行修改。目前提供的人物种类有：标准、亚洲、残疾人、老人、孕妇、矮小、肥胖等，甚至包括少量的动物和神话人物。每个角色的动作和表情都是独立的，这样组合起来就有无数个新的角色。
4、freepik
/
Freepik是一个免费的图片和矢量图形素材库，提供高质量的图片资源。用户可以在Freepik上搜索和下载数百万张高质量的图片，覆盖各种主题和类型。Freepik的图片素材包括照片、向量图形、插图、矢量图和PSD文件等，适用于各种设计项目，如Web设计、印刷品设计、演示文稿和移动应用程序等。
Freepik的优势在于其庞大的素材库、高质量的图片和方便的搜索功能。用户可以通过多种方式筛选和搜索他们需要的图片，例如按类型、尺寸、主题和颜色等进行搜索。此外，Freepik还提供了一些实用的工具，如颜色选择器、图像裁剪工具和预览功能等，方便用户选择和使用图片。
6、silhouette-ac
Silhouette-ac 是一个专业的剪影图片素材网站，提供高质量、免费的剪影图片素材，包括人物剪影、动物剪影、车辆剪影等等，适合用于海报、PPT、博客、文章等场合。网站的图片质量非常高，可以根据需要自由调整大小和分辨率。
https://zh-tw.silhouette-/
7、shareicon
/
ShareIcon是百万高清免费素材库，明星艺人，模特，动漫，全身，部位，食物，风景，设计，手绘，矢量图，PPT背景，欧美明星，网红模特，服装道具，家具装修，建筑，招聘海报，炫酷特效，游戏动漫，设计灵感，文字，星空，动漫全身像，日常照片。
8、bg-patterns
https://bg-/
bg-patterns 是一个提供免费背景图案和纹理的网站，其设计风格多样，可以满足不同人群的需求。该网站提供了多种搜索方式，用户可以根据自己的需要选择不同的搜索方式，如颜色、风格、主题等。
bg-patterns 的所有背景图案和纹理都是免费的，用户可以随意下载和使用，但是需要遵守一定的版权规定。此外，该网站还提供了一些设计小工具，如颜色选择器、字体选择器等，可以帮助用户更好地进行设计。
总之，如果你需要一些高质量的背景图案和纹理，不妨试试 bg-patterns 这个网站，相信你会有所收获的。
四、在线图片处理工具
1、在线PS（photopea）
/
2、免费图片压缩工具 （Online Image Tool）
/zh/compress-png-jpg-webp-gif
3、免费图片压缩工具（TinyPNG）
/
4、免费抠图工具（AI抠图）
/remove-background
5、渐变色生成工具（css样式代码+图片素材）
生成对应的图片之后，把css样式也保存一下方便编写页面的时候使用
https://mycolor.space/
background-image: linear-gradient(to right, #051937, #004d7a, #008793, #00bf72, #a8eb12);
/
/
/
https://gradient.shapefactory.co/
7、自定义按钮渐变色
https://gradientbuttons.colorion.co
8、自定义渐变色背景图片生成工具
https://gradienta.io/
9、自定义彩虹渐变色
https://products.ls.graphics/mesh-gradients/
10、自定义纹理渐变色+动态效果
https://coolbackgrounds.io/
【前端工程师必备-UI设计师必备-素材图片资源网站】免费图标网站 免费图片素材网站 UI作品大全 渐变色生成工具（css样式代码+图片素材） 免费矢量图
