在线生成透明圆角图片工具 不用 ps 生成圆角图片方法

魏艾斯博客更新博文都要加上图片,最近感觉自己博文列表的图片不够美观,而别人的博文列表图片是带有圆角的,和矩形图片相比圆角图片看上去比较美观,于是也想照着操作一下。经过一番搜索果然找到了几款在线生成透明圆角圆角图片工具,不敢独享,把实现过程分享在本文中,希望能帮到有需要的朋友们。

为什么 web 图片要使用透明圆角图片?

1、相机和手机拍出来的照片都是四方的,看多了会觉得非常呆板。为了让图片效果更美观一些于是就有了圆角图片的出现,相比之下使用圆角图片会有更好的装饰性,而且还有亲和力。 2、圆角图片制作的过程一般通过如 PS、FW 这样的设计软件来实现,但是操作起来比较麻烦。 3、透明圆角的图片经常用于 APP,游戏的 LOGO 图标,这样的圆角在手机上显示出来会非常美观好看。

一、aTool 在线工具

网址:http://www.atool.org/roundcorner.php

这款工具在度娘搜索结果中排名第一,可见还是有很多人在使用的。本工具可以很轻松的将任意图片生成圆角图片,可以指定图片的圆角大小,且图片大小完全不限制。

使用方法很简单,打开上面网址,点击“选择文件”上传图片,圆角尺寸默认 50,老魏一般改成 5,改完后在下图右侧绿色背景区域(红框内)点击一下(或者点击“生成”按钮),左侧都能预览到最终效果,满意后点击“下载圆角图片”,就下载到本地电脑上了。

缺点:aTool 在线工具只能生成.png 格式文件,比如原图是 jpg 图片,那么最后生成的 png 图片尺寸会挺大,即使用 tinypng 压缩后也不会小多少。

二、RoundPic

网址:http://www.roundpic.com/

RoundPic 的使用方法和上面的 aTool 差不多,也是把图片上传上去(或者粘贴网上图片地址),点击“选择文件”,再点击“round it!”

再为上传的图片选择哪几个角要圆角化,选择不同程度的圆角化,自定义圆角的背景颜色,以及对图片的高度和宽度、约束比例、图片质量、选择生成 png 格式等等。

以上提到的功能用起来很简单,大家自己试一试就明白了。

RoundPic 在功能上比 aTool 工具多出好多功能,也挺实用的。如果你只生成 png 图片那么用 aTool 工具就行,如果生成 jpg 图片较多那么还是用 RoundPic 吧。

RoundPic 缺点目前没发现,就是写这篇文章测试图片的时候遇到过几次网站无法打开,可能是服务器响应不及时吧。

老魏个人平时用 aTool 工具比较多,喜欢大气的界面。

看,仅仅几秒钟,老魏就做出一张圆角 MM 图片,既美观又实用。

用上面圆角图片生成工具再结合 tinypng(TinyPNG 和 WordPress 图片压缩插件:Compress JPEG & PNG images)可以生成尺寸小又美观的圆角 web 图片,对于网页确实能起到一定的美化作用。

目前互联网上圆角图片的在线生成功能几乎都是使用 PHP GD 库完成,此类在线圆角图片工具的共同缺点是最后生成的圆角图片带有具有一定程度的锯齿,这一点只要使用 PHP GD 的都无法避免。

这种在线工具对于类似魏艾斯博客的使用要求已经足够好用了,以上两款在线工具的好处是不需要注册、登录的麻烦,上传和生成速度也挺快,生成的圆角图片也让人满意。

原创声明,本文系作者授权云+社区发表,未经许可,不得转载。

如有侵权,请联系 yunjia_community@tencent.com 删除。

发表于

我来说两句

2 条评论
登录 后参与评论

相关文章

来自专栏Jack-Cui

Caffe学习笔记(二):使用Python生成caffe所需的lmdb文件和txt列表清单文件

Python版本:Python2.7 运行平台:Ubuntu14.04 最后修改时间:2017.4.20     在上个笔记中,已经学会了如何使用Ca...

3988
来自专栏WindCoder

WordPress发布文章自动同步到新浪微博(带特色图片)

整体来源于张戈博客,本处仅是修改添加了一处显示文章分类的小功能,若是一篇文章有多个分类,默认使用第一个。经测试好像对于七牛中设置了空间防盗链的不太友好,可能会报...

932
来自专栏晨星先生的自留地

全方位绕过安全狗

2696
来自专栏xingoo, 一个梦想做发明家的程序员

NLP1 —— Python自然语言处理环境搭建

最近开始研究自然语言处理了,所以准备好好学习一下,就跟着《Python自然语言处理》这本书,边学边整理吧 安装 Mac里面自带了python2.7,所以直...

1908
来自专栏FreeBuf

XSS的原理分析与解剖

作者 Black-Hole 0×01 前言: 《xss攻击手法》一开始在互联网上资料并不多(都是现成的代码,没有从基础的开始),直到刺的《白帽子讲WEB安全》...

1847
来自专栏二次元

新浪微博动态 RSA 分析图文+登录

二、抓包 还是遵从我们上一次的抓包流程,养成良好的习惯,这里就不多做说明。

740
来自专栏SeanCheney的专栏

Python模拟登陆 —— 征服验证码 2 B站

B站的登录密码用了rsa加密(两个大质数的乘积很难进行逆向分解,所以可以用这个乘积来做公钥)。 所以运行py文件之前,使用镜像,先用pip安装rsa库: pi...

3436
来自专栏iOS Developer

微信小程序开发教程-从零开始(2)

1326
来自专栏信安之路

关于密码字典那些事

关于密码你知道多少?密码也就是口令,通常作为身份验证的一部分来使用,也就是说如果密码被人盗取或者破解,那么攻击者就可以使用你的身份来做很多事情,这是你所不能接受...

610
来自专栏沈唁志

几个实用的 WordPress 代码片段

1243

扫码关注云+社区