• linkedu视频
  • 平面设计
  • 电脑入门
  • 操作系统
  • 办公应用
  • 电脑硬件
  • 动画设计
  • 3D设计
  • 网页设计
  • CAD设计
  • 影音处理
  • 数据库
  • 程序设计
  • 认证考试
  • 信息管理
  • 信息安全
菜单
linkedu.com专业计算机教程网站
  • 网页制作
  • 数据库
  • 程序设计
  • 操作系统
  • CMS教程
  • 游戏攻略
  • 脚本语言
  • 平面设计
  • 软件教程
  • 网络安全
  • 电脑知识
  • 服务器
  • 视频教程
  • html/xhtml
  • html5
  • CSS
  • XML/XSLT
  • Dreamweaver教程
  • Frontpage教程
  • 心得技巧
  • bootstrap
  • vue
  • AngularJS
  • HBuilder教程
  • css3
  • 浏览器兼容
  • div/css
  • 网页编辑器
  • axure
您的位置:首页 > 网页设计 >心得技巧 > 酷站两连发!一键生成多种图标尺寸+在线图片编辑

酷站两连发!一键生成多种图标尺寸+在线图片编辑

作者: 字体:[增加 减小] 来源:互联网 时间:2018-08-23

本文主要包含经验分享,酷站,酷站推荐等相关知识,希望在学习及工作中可以帮助到您

编者按:今天介绍两款神器,一个能自动生成iOS 和Android 上需要的各种图标尺寸,非常方便。一个能在线编辑压缩图片,功能强大免注册。

如果你还有印象,我曾经介绍过一款「iLovePDF」在线 PDF 工具大合辑,提供包括转文件、压缩及解除密码和水印等功能,因为是在线工具,用户无须额外下载或安装软件,直接从浏览器就能进行相关操作,无论 Windows 或 Mac 都支持。本文要再来推荐「iLoveIMG」在线图文件处理工具,针对图片格式提供多种常用的基础编辑功能。

iLoveIMG 与 iLovePDF 来自同开发商,也是一款免费使用、无须注册的在线工具,两者的差别在于 iLoveIMG 主要以处理图片格式为主,例如:JPG、GIF、PNG 或 RAW,提供几种可能偶尔会用到的功能:图片压缩、调整图片尺寸、裁剪图片及图片转文件,当然它的特色就是可直接从浏览器进行操作,再将处理好的成果下载到计算机。

值得一提的是 iLoveIMG 会为处理完的照片产生分享链接,若你要帮同事朋友处理图片,那么可将链结直接传送给他们。此外,iLoveIMG 也允许手动删除图片,这对于顾虑到隐私问题的使用者来说是个很好的设计,如果刚好需要处理图片的话不妨打开网站试试看。

iLoveIMG

STEP 1

开启 iLoveIMG 网站后,应该会直接切换到中文,如果没有的话,请从右上角的选单来找到语言切换功能。

iLoveIMG 所有相关图片在线编辑功能都已经显示于首页,包括压缩图片、调整图片大小、裁剪图片尺寸、图片转文件(转文件至 TIFF、PNG、GIF、RAW 或 JPG)或者将 JPG 转为其他格式都能在网站里做到。

STEP 2

以下使用其中一项功能「图片压缩」进行操作范例。

开启压缩功能后,选择要进行压缩的图片,支持 JPG、PNG 及 GIF,且可以维持最佳图档画质并获得最好的压缩效果,除了从本机计算机上传图片外,也能从 Google Drive 和 Dropbox 来上传图片。

STEP 3

上传后,图片会显示于 iLoveIMG 网站中,将鼠标光标移动上去会显示图片大小,点击最下方的按钮「压缩单个图片文文件」就能对图片进行压缩处理。

完成后,网站会显示原本的图片大小及压缩后的大小,经由我的测试一共减少 53%!能在不破坏图片画质的情况下有效节省图片容量。

STEP 4

另外,我也测试了另一个「调整图片尺寸」功能,一样是将图片上传到 iLoveIMG,然后从网页里调整要使用的图片宽度、长度,点击最下方的按钮就能完成,其实操作方式相当简单。

前面介绍有提到,iLoveIMG 会在处理完图片后产生下载链接,因此使用者可将链接传给其他人让他们下载、获取处理后的图片档案,如果你不希望图片被保存于 iLoveIMG 服务器(其实在一小时后会自动删除),可以点击「立即删除它」来手动删除档案。

对应用程序开发者来说制作图标可能是件苦差事,原因在于提交到 App Store 或 Google Play 商店必须准备好各种尺寸的图标,用以支持不同的设备,举例来说,苹果系列就有 iPhone、iPad Pro、iPad 及 iPad Mini 和 App Store,也要针对 Spotlight、设定、通知等功能设计不同的图案大小尺寸,当你必须维护不同平台版本时,制作图标会变得很花时间。

本文要推荐一款在线工具「App Iconizer」,相信开发者一定会用到。

简单来说,App Iconizer 能协助你产生将应用程序提交至 Apple App Store 或 Google Play Store 商店时会用到的各种大小图标,我随手测试一下 iOS 版图标就有 17 种尺寸,使用方法很简单,将你要制作成应用程序图标的图片拖曳到网站中,就会产生对应的下载链结。

App Iconizer 支持的图片尺寸必须超过 1024×1024 像素,最大档案大小不能超过 10 MB,不过我猜测可能不是所有图案都能制作得恰到好处,如果不合你意那就自己手动做吧!

Appiconizer

STEP 1

开启 App Iconizer 后,点选「Browse Image」选择要制作成图标的图片,或将图片直接拖曳到网站里都可以。

要注意的是原始图片大小必须要超过 1024×1024,档案也不能超过 10 MB,应该只支持一般图片格式,例如:JPG、PNG ,如果你是其他格式的话请先使用绘图软件转出图片档案。

STEP 2

App Iconizer 产生图标的速度还蛮快,大约几秒钟时间就会跳出结果页面。

STEP 3

稍微预览一下应用程序图标在 iPhone 及 Android 手机显示出来的情形,点击下方的按钮来下载图标集,其中有一个 Android circled 是饼图标设计,另外还有一般版本的 Android 应用程序图标可供下载。

下载后解压,就能取得所有对应的图标尺寸大小,是不是非常快速方便呢?

「优设最新神器推荐」

  1. 《这款图标神器,让你体验用完即走的畅快感》
  2. 《超过5万张!免费高清可商用图库ZOOMMY 3.0重磅来袭!》
  3. 《超好用的PS字体管理插件FONTAGS(附安装方法)》

原文地址:free.com.tw

设计微博:拥有粉丝量200万的人气微博@优秀网页设计 ,欢迎关注获取网页设计资源、下载顶尖设计素材。

优设大课堂

您可能想查找下面的文章:

  • 该有的视觉元素全都有,设计不好到底差在哪里?
  • 为什么几个人的小团队更加高效更加靠谱?
  • 对于「以人为中心」的设计,你的理解可能太浅显了
  • 为什么大家都想学服务设计?来看CEO 的亲身经历!
  • 想为iPhone X设计UI?给你这11个设计小贴士
  • 疯传谷歌走All-White风?假的!其实只是合作伙伴的重设计
  • 在做产品设计的时候,预期和现实到底有多大的差别?
  • 设计出了错?很有可能是你没有问对问题
  • 为什么不要再问用户「你们到底想要什么」?
  • 想紧跟流行风尚?这5种平面设计趋势了解一下

相关文章

  • 2018-08-23网易设计师:帮你学会万能的深度访谈方法
  • 2017-08-0630款免费高质量的英文丝带字体
  • 2018-08-23PS教程!教你打造2017年最受欢迎的渐变幻彩风格
  • 2018-08-23设计表单的时候,为什么悬浮式标签体验更好?
  • 2017-08-06HTTP返回码大全(中英解释)
  • 2017-08-06HTTP 状态代码整理介绍
  • 2017-08-06深入理解::before/:before和::after/:after的使用
  • 2017-08-06空路径对页面性能影响的解决方案
  • 2017-08-06CSS实现单行、多行文本溢出显示省略号的实现方法
  • 2018-08-23为了让LOGO 更有个性,高级设计师都学会了这招!

文章分类

  • html/xhtml
  • html5
  • CSS
  • XML/XSLT
  • Dreamweaver教程
  • Frontpage教程
  • 心得技巧
  • bootstrap
  • vue
  • AngularJS
  • HBuilder教程
  • css3
  • 浏览器兼容
  • div/css
  • 网页编辑器
  • axure

最近更新的内容

    • AI+PS教程!教你7步做出好看的渐变波纹元素
    • 基础小课堂!从零开始教你做高保真原型图+UI 设计规范
    • 网页中通过param name方式给ActiveX控件的属性赋值示例
    • 使IE6正常显示PNG-24格式图片的两种方法
    • 进阶经验!如何系统的进行改版设计(下)
    • 借贷宝怎么推广让大家都来注册呢? 借贷宝推广方法技巧
    • 基础小技巧!5个简单直观的设计对比方法
    • 2018年过半,为你总结了这13个主要的设计趋势
    • 超全面!交互设计的基础方法和理论总结(上)
    • 网页防复制功能实现方法(附破解方法)

关于我们 - 联系我们 - 免责声明 - 网站地图

©2020-2025 All Rights Reserved. linkedu.com 版权所有