神器两连发!腾讯ISUX出品的图片压缩软件+网页排版工具 - 优设网 - UISDC

神器两连发!腾讯ISUX出品的图片压缩软件+网页排版工具

2016/08/23 17736评论区

isux-zhitu-type-nugget-1

编者按:今天安利两个神器,一个是@腾讯ISUX 团队新鲜开发的「智图」离线版,可以无损压缩图片,智能转换图片格式,在线生成webP格式图片等。一个是帮网页设计师做好文章排版的 Type Nugget,两个都是简单好用的软件,一起来收。

智图

两年前,因QQ空间一个带宽优化项目的契机,我们团队制作了一个在线图片优化的系统 ——,提供用户在线压缩图片,智能转换图片格式,在线生成webP格式图片等功能。在这两年的期间,我们根据用户的需求不断优化这个系统,也开放过api接口,同时我们也在考虑一种更快捷,更方便的图片压缩方式,nodejs时代的到来给我们提供了很大的便利,基于nodejs的跨平台客户端也在这两年如春笋般崛起。于是我们开始着手开发基于用户客户端的图片压缩工具(脱网模式),结合nodejs + electron 客户端技术,初步敲定开发智图系统的线下伙伴——智图客户端的计划。经过近4个月的钻研开发,智图客户端Windows,Mac版本于2016年8月横空出世!

关于智图

xz201608231

这里还是要再安利下智图在线图片压缩系统,该系统上线以来统计已帮用户压缩处理了超过150万张图片(实际数据超过250万),压缩率稳定在30%左右(处理带半透明的png图片效果更佳哦)。很适合H5页面上线前做图片压缩这一块,同等质量情况下相比于国外的tinypng或者kraken压缩更快,还是免费的有木有。最重要的是,我们智图可以帮你选择最优的图片格式,避免由于格式问题导致的流量浪费。

之前也有相关的文章介绍:《腾讯出品!方便好用的免费图片压缩工具「智图」(可导出WEBP)》

智图客户端

啥都不用说了,直接先上下载地址:http://zhitu.isux.us/index.php/preview/download

xz201608232

智图客户端秉承了在线web版的压缩算法,同时也引入了其他第三方nodejs库,使得压缩效率更快,压缩效果更佳。相对比于web在线压缩,压缩速度提升至少20%,压缩率提升10%。接下来让我们来see see客户端的其他优势:

一、离线任性压

不用担心网速问题,不用担心国外服务器的问题,安装之后随时随意任性压缩。因为走的都是本地代码对本地图片的处理,所以压缩效率明显会比web版的有很大的提升。处理完毕之后还自动保存,更不需要你手动去下载压缩后的图片了。

xz201608233

二、目录批量压

除了支持一张,多张图片的处理,智图客户端也提供了文件夹处理,选择或者拖入一个文件夹,程序便会自动遍历文件夹里的所有图片(包括子目录),然后统一处理。这一处理大大减少了冗余的拖拽操作。上传文件夹之后,尽管去冲杯咖啡泡泡脚,剩下的就交给客户端去处理吧。

三、跨平台运作

智图客户端提供Windows64位,Windows32位,Mac版本。您可以在不同平台进行同样的操作,没有异化不需学习成本。

xz201608234

四、个性化配置

目前智图客户端有【是否生成webP】、【是否替换原图】、【是否深度压缩】几种配置选项,当然后续我们还会更新一些其他方便用户习惯的选项。

PS:其实如果对比web版本的在线压缩,你可能会发现客户端版本缺少了一项很好用的功能——实时对比。没错,我们考虑到客户端的轻便性和实用性,不想客户端做得那么 ”重“,也不想留太多的空隙让用户去思考究竟需要如何做取舍。你也可以看到我们的用户界面非常简洁,其实我们后台做的事情很多,但是对用户保持透明,有时候也不失为一种好的选择。

不算结束的结束语

这篇文章不涉及技术,因为我们做智图的初衷不是为了技术,也不是为了设计,而是单纯地从方便用户的角度入手,考虑如何才能快速并简单地进行一次图片的压缩优化,包括我们一开始就推崇的 #帮用户自动选择图片格式# 的想法也是如此。

最后感谢广全童鞋为智图客户端和官网简约大气的设计,(*^__^*) 还是再放下智图客户端的下载地址:前往下载

如果下载之后的安装遇到任何问题,可直接联系我们或者邮件也可(附下)。当然,我们也给看官们留下一些安装指引。期待大家的使用与反馈!

网页文章内容排版工具:Type Nugget

每一个新闻、博客等阅读类网站都应该注意文章的内容排版,并且能让用户友好的阅读,比如一些小说网站,会把内容文字变得比较大,高级一点还可以让用户调整字号、背景。

今天为大家分享一个网页文章内容排版工具 Type Nugget,有了它,设计师将能很方便设置文章段落、标题、行距、文字颜色、链接颜色、背景等功能,当设置好后,还能生成 CSS 样式代码,相当便捷,比起在 PS 或其它设计工具上调整会快很多。建议网页设计师们收藏此工具。

awen20160823 (4)

下图中,左边为文字演示(用户可以手动删除和输入新文字),右边为设置样式,样式有文字大小、页面背景、H1-H6、Margin、line-height 值等等均可设置。

awen20160823 (1)

当设置完成后,点击「GENERATE CODE」按钮,然后会生成一个 CSS 文件链接,把链接粘贴到浏览器即可看到该样式代码。

awen20160823 (2)

生成CSS代码链接,将该链接复制到浏览器打开就可以看到代码了,另外你还可以点击「download the CSS」链接来下载这个 CSS 样式文件。

awen20160823 (3)

目前该工具仅支持桌面预览,但后继还会推出平板、手机等平台预览方式。

「本月最值得阅读收藏的完美像素使用手册」

  1. 《值得每个设计师收藏的《完美像素使用手册》之原理篇》
  2. 《中文版来了!值得每个设计师收藏的《完美像素使用手册》之细节篇》
  3. 《第三集!值得每个设计师收藏的《完美像素使用手册》之易用性篇》
  4. 《第四集!值得每个设计师收藏的《完美像素使用手册》之软件技巧篇》
  5. 《最终版!值得每个设计师收藏的《完美像素使用手册》之软件技巧篇》

原文地址:isux.tencentshejidaren

yestone-uisdc-2

【优设网 原创文章 投稿邮箱:yuan@uisdc.com】

================关于优设网================
“优设网uisdc.com“是国内人气最高的网页设计师学习平台,专注分享网页设计、无线端设计以及PS教程。
【特色推荐】
设计师需要读的100本书:史上最全的设计师图书导航:http://hao.uisdc.com/book/
设计微博:拥有粉丝量150万的人气微博@优秀网页设计 ,欢迎关注获取网页设计资源、下载顶尖设计素材。
设计导航:全球顶尖设计网站推荐,设计师必备导航:http://hao.uisdc.com

非特殊说明,本文版权归原作者所有,转载请注明出处
本文地址:https://www.uisdc.com/isux-zhitu-type-nugget

发表评论 加载中....

评论加载中....

uisdc

评论区都快饿瘪了,看看我期盼的小眼神...

界面设计 设计圈干货 排版布局 版式设计 职场 优设专访 优设大课堂 设计达人 设计师干货 web前端开发 配色 视觉设计 素材下载 AI教程 设计理论 设计流程 神器下载 字体下载 设计师专访 psd下载 海报设计 设计规范 设计趋势 用户体验设计 动效设计 logo设计 平面设计 图标设计 ICON 产品设计 神器推荐 App设计 字体设计 职场规划 酷站推荐 交互设计 ui设计 优秀网页设计 设计师职场 ps技巧 酷站 用户体验 PS教程 网页设计 经验分享

您还没有登录

优设启用更安全省心的 微信扫码登录

微信扫码

300万设计师聚集地!优设网是极具人气的设计师平台
2012年成立至今,一直专注于设计师的学习成长交流

把好文章收藏到微信

打开微信,扫码分享
学设计 优设网 在这里