svg图片怎么批量转换png格式
有没有值得推荐的免费PPT网站?
有没有值得推荐的免费PPT网站?
谢谢邀请。樱桃番茄对于这个问题没有办法专业回答,因为自己不是属于这个领域的。这边在网上找了一些资料大家可以参考一下~
PPT的制作,你有没有这样的经历,内容和逻辑都没有问题,但是设计出来的PPT总是感觉很单调。
比如下面这页PPT,内容感觉很清晰,不过总感觉还不够好。
如果这时根据主题内容,使用这种形象化的图标对其设计,就能改变整张页面的视觉效果,如图所示。
这样设计之后,页面不仅变得很丰富同时又非常有场景感。
再比如,下面这页PPT是不是也显得很单调。
同理,可以根据主题借助这种图标对其设计,不仅能让逻辑清晰还能让PPT更加的形象化,如图所示。
那么怎么才能获取比较好的图标呢?
这次我推荐一些不错的图标网站,同时将PowerPoint和Ai这两个软件结合起来使用。
1
iconfont
网址:
对于这个网站是设计PPT最常用的图标网站,不仅种类繁多而且数量也多。
下面分享一下如何将其转移到PPT里面。
打开iconfont之后,搜索一个跟主题相关的图标,比如这里搜索的是建筑,如图所示。
下载的时候,建议选择SVG或者AI矢量格式,在PPT中能够随时修改颜色,如图所示。
下载之后使用Ai打开,然后将图标直接拖拽到PPT里。
然后按【Ctrl Shift G】2次进行解组,再删除背景的透明形状,如图所示。
解组之后,这时获取的就是矢量图标,可以任意修改颜色和大小。
2
easyicon
网址:
easyicon也有大量的图标,也是常用的图标网站,可以通过关键词、颜色、热度、尺寸进行搜索。
对于easyicon有一个特色,图标的尺寸非常多,打开之后点击SVG即可下载使用。
3
icons8
网址:
对于icons8有免费的也有收费的,主要是在格式上的区别。PNG是免费的,矢量格式SVG需要付费。
当打开图标时,SVG格式被锁定了,无法选择下载,除非购买。
那么如果你不想购买,也是有办法解决。
选择想要的图标打开,然后对图标截图,如图所示。
打开Ai并新建一个文档,直接将截图的图标复制进去。
然后点击【对象】—【图像描摹】—【建立并扩展】。
再按【Ctrl G】解组,这时图片即被转化为矢量图标,最后将其拖拽到PPT里。
4
iconfinder
网址:
iconfinder有免费也有付费的图标,一般设计感比较强一点的需要付费购买,其他均是免费的。
打开之后,点击右上角的【免费】即可显示提供的免费图标,且分类非常详细,如图所示。
最后再点击每组里想要的图标,点击【下载SVG】即可下载,如图所示。
5
findicons
网址:
findicons将很多图标做了一个合集,不过里面大多数都是插图形式的图标,种类和风格繁多。
还有一个问题,图标大多数都是PNG格式,如图所示。
选择合适的图标,如图所示。
下载之后,不用担心,找到自己想要的图标,将其进行图像描摹。
举个例子,下载PNG图标之后,复制到Ai中,点击菜单栏的【图像描摹】—【16色】。
最后再点击【扩展】即可将PNG图标转化为矢量图标,如图所示。
6
iconstore
网址:
iconstore是一个设计感比较强的图标网站,看标题就能知道【一流设计师的免费图标】。
iconstore还有一个很大的特色,下载的图标都是成组的。
选择想要的图标,打开之后,点击【下载】。
下载之后,用Ai打开,可以看到这组图标都被下载了,风格非常统一。
7
pictogram2
网址:
pictogram2是一个比较贴近生活场景的图标网站,大多数图标的都是模仿人的真实动作进行设计,如图所示。
而且每组图标都有不同的动作,同时还有很多格式,这里选择【Ai】下载格式。
当下载打开之后,就能看到每组里面有很多不同动作的图标,非常实用。
最后将其收集起来即可作为自己的图标库,下面是郑少收集的图标库,如图所示。
8
flaticon
网址:
对于flaticon这个图标网站,个人感觉比较实用,图标多同时种类也非常多,如图所示。
下载也比较方便,选择想要的图标,打开之后,点击【SVG】格式即可下载。
9
instantlogosearch
网址:
这时一个关于品牌LOGO的图标网站,如果你做的PPT跟这些品牌有关系,使用起来非常方便。
10
standart
网址:
standart图标网站大多数都是线性图标,虽说不是很多,但是使用起来非常好。
打开网站之后,直接点击图标即可下载,如图所示。
需要注意,下载之后,由于图标是白色的,需要先修改颜色然后再拖拽到PPT里,方便修改。
11
ionicons
网址:
ionicons这个网站也比较实用,使用起来也就简单。
选择图标之后直接点击,下面会出现下载的格式,点击即可下载。
12
icomoon
网址:#/select
icomoon这个网站最大特色能够选择性的打包下载,什么意思呢?下面给介绍一下。
打开之后,选择想要的图标,直接点击,这时会被选中。
然后点击左下角的下载,最后点击【Download】即可下载。
13
icooon-mono
网址:
icooon-mono也有一个特色,可以点击菜单栏的图标选择不同主题的图标。
选择之后,点击打开,然后再点击右侧的【SVG】下载,即可获取矢量格式的图标。
14
dryicons
网址:
对于dryicons图标网站,我感觉是一个比较杂的图标网站,里面有立体、扁平化、插图等各种各样的图标。
选择之后,直接点击打开,然后再点击【下载】。
15
free-line-design
网址:
free-line-design也是一个图标网站,这里面的图标比较有特色。主要是以背景的形式组合而成,如图所示。
比如选择一个车的背景图标,如图所示。
打开之后,选择Ai格式下载。
最后再使用AI打开,这时会发现图标不仅排列在一起同时还有不同颜色。
最后,我再分享一个PPT内部的图标获取方法。
插入文本之后,点击【插入】—【符号】—【字体】—【Webdings】系列的字体,这时会出现很多文字图标,直接点击即可插入。
如果感觉这种文字图标使用起来比较麻烦。
插入一个形状将图标放上去,并一起选择,点击【格式】—【合并形状】—【拆分】,最后删除多余的部分,即可得到矢量图标,如图所示。
关于矢量图标网站的获取以及使用方法,就分享这么多。希望对你有一定的帮助
你的关注和点的每个赞,我都认真当成了喜欢~
请问有没有gulp插件能输出执行任务前后文件的改变日志?
Gulp 有用的插件
Gulp提供了一些有用的插件来处理HTML&CSS,JavaScript,Graphics和其他一些事情,如下表所述。
HTML amp CSS 插件 amp Description1autoprefixer
它会自动包含CSS属性的前缀。
2gulp-browser-sync
它用于监视CSS目录中的所有HTML和CSS文件,并在所有浏览器中实时重新加载页面,无论何时更改文件
3gulp-useref
它用于替换对非优化脚本或样式表的引用。
4gulp-email-design
它创建HTML电子邮件模板,将CSS样式转换为内联。
5gulp-uncss
它优化了CSS文件并发现了未使用和重复的样式。
6gulp-csso
它是一个CSS优化器,可以最小化CSS文件,从而缩小文件大小。
7gulp-htmlmin
它最小化HTML文件。
8gulp-csscomb
它用于为CSS创建样式格式化程序。
9gulp-csslint
它指定了一个CSS linter。.
10gulp-htmlhint
它指定一个HTML验证器。.
JavaScript 插件 amp Description1gulp-autopolyfiller
它与autoprefixer相同,其中包含必要的JavaScript填充。.
2gulp-jsfmt
它用于搜索特定的代码片段。
3gulp-jscs
它用于检查JavaScript代码风格。
4gulp-modernizr
它指定用户浏览器必须提供的HTML,CSS和JavaScript功能。
5gulp-express
它启动gulp express.js Web服务器。
6gulp-requirejs
它使用require.js将require.js AMD模块组合到一个文件中。
7gulp-plato
它生成复杂性分析报告。
8gulp-complexity
它分析了代码的复杂性和可维护性。
9fixmyjs
它修复了JSHint结果。.
10gulp-jscpd
它用作源代码的复制/粘贴检测器。.
11gulp-jsonlint
这是JSON验证器。.
12gulp-uglify
它缩小了JavaScript文件。.
13gulp-concat
它连接了CSS文件。
单元测试插件 amp Description1gulp-nodeunit
它运行来自Gulp的节点单元测试。.
2gulp-jasmine
它用于报告与输出有关的问题。.
3gulp-qunit
它为QUnit测试提供基本的控制台输出,并使用PhantomJS节点模块和PhantomJS runner QUnit插件。
4gulp-mocha
它指定了Mocha周围的薄包装并运行Mocha测试。.
5gulp-karma
它已经在Gulp中被弃用了。.
图像插件 amp Description1gulpicon
它从SVG生成精灵并将它们转换为PNG。
2gulp-iconfont
它使用Web字体从SVG创建WOFF,EOT,TTF文件。
3gulp-imacss
它将图像文件转换为数据URI并将它们放入单个CSS文件中。
4gulp-responsive
它为不同的设备生成响应式图像
5gulp-sharp
它用于更改和调整图像的方向和背景。
6gulp-svgstore
它将SVG文件与元素组合成一个文件。
7gulp-imagemin amp gulp-tinypng
它用于压缩诸如PNG,JPEG,GIF,SVG等图像。
8gulp-spritesmith
它用于从一组图像和CSS变量创建spritesheet。
编译器插件 amp Description1gulp-less
它为Gulp提供LESS插件。
2gulp-sass
它为Gulp提供SASS插件。
3gulp-compass
它为Gulp提供指南针插件。
4gulp-stylus
它用于在CSS中保持手写笔。
5gulp-coffee
它为Gulp提供咖啡插件。
6gulp-handlebars
它提供了Gulp的handlebars插件。
7gulp-jst
它在JST中提供了下划线模板。
8gulp-react
它将Facebook React JSX模板指定为JavaScript。
9gulp-nunjucks
它在JST中指定了Nunjucks模板。
10gulp-dustjs
它指定JST中的灰尘模板。
11gulp-angular-templatecache
它指定了templateCache中的AngularJS模板。
其他插件
gulp-clean插件删除文件和文件夹,并且gulp-copy插件将源文件复制到新的目的地。
amp Description1gulp-grunt
它从Gulp运行Grunt任务
2gulp-watch
它会在发生更改时观察文件。
3gulp-notify
只要任务失败,它就会通知错误消息。
4gulp-git
它允许使用Git命令。
5gulp-jsdoc
它为Gulp创建JavaScript文档。
6gulp-rev
它为文件名提供静态资产修订。
7gulp-bump
它增加了JSON包中的版本。
8gulp-bower-files
它用于注入凉亭包。
9gulp-removelogs
它删除console.log语句。
10gulp-preprocess
它根据上下文或环境配置预处理HTML,JavaScript和其他文件。
11gulp-duration
它指定了Gulp任务的持续时间。
12gulp-changed amp gulp-newer
它运行修改后的文件和更新的文件。
13gulp-connect
它用于使用LiveReload运行Web服务器。
14gulp-shell
它运行Shell命令。
15gulp-ssh
它通过使用SSH和SFTP任务进行连接。
16gulp-zip
它压缩文件和文件夹。
17gulp-clean amp gulp-copy18gulp-filesize
它以可读格式指定文件大小。.
19gulp-util
它提供了大量插件的实用程序。