簡單好用！騰訊ISUX出品的圖片壓縮軟件

編者按：今天安利兩個神器，一個是@騰訊ISUX 團隊新鮮開發(fā)的「智圖」離線版，可以無損壓縮圖片，智能轉換圖片格式，在線生成webP格式圖片等。一個是幫網頁設計師做好文章排版的?Type Nugget，兩個都是簡單好用的軟件，一起來收。

智圖

兩年前，因QQ空間一個帶寬優(yōu)化項目的契機，我們團隊制作了一個在線圖片優(yōu)化的系統(tǒng) ——，提供用戶在線壓縮圖片，智能轉換圖片格式，在線生成webP格式圖片等功能。在這兩年的期間，我們根據(jù)用戶的需求不斷優(yōu)化這個系統(tǒng)，也開放過api接口，同時我們也在考慮一種更快捷，更方便的圖片壓縮方式，nodejs時代的到來給我們提供了很大的便利，基于nodejs的跨平臺客戶端也在這兩年如春筍般崛起。于是我們開始著手開發(fā)基于用戶客戶端的圖片壓縮工具（脫網模式），結合nodejs + electron 客戶端技術，初步敲定開發(fā)智圖系統(tǒng)的線下伙伴——智圖客戶端的計劃。經過近4個月的鉆研開發(fā)，智圖客戶端Windows，Mac版本于2016年8月橫空出世！

關于智圖

這里還是要再安利下智圖在線圖片壓縮系統(tǒng)，該系統(tǒng)上線以來統(tǒng)計已幫用戶壓縮處理了超過150萬張圖片（實際數(shù)據(jù)超過250萬），壓縮率穩(wěn)定在30%左右（處理帶半透明的png圖片效果更佳哦）。很適合H5頁面上線前做圖片壓縮這一塊，同等質量情況下相比于國外的tinypng或者kraken壓縮更快，還是免費的有木有。最重要的是，我們智圖可以幫你選擇最優(yōu)的圖片格式，避免由于格式問題導致的流量浪費。

之前也有相關的文章介紹：《騰訊出品！方便好用的免費圖片壓縮工具「智圖」（可導出WEBP）》

智圖客戶端

啥都不用說了，直接先上下載地址：http://zhitu.isux.us/index.php/preview/download。

智圖客戶端秉承了在線web版的壓縮算法，同時也引入了其他第三方nodejs庫，使得壓縮效率更快，壓縮效果更佳。相對比于web在線壓縮，壓縮速度提升至少20%，壓縮率提升10%。接下來讓我們來see see客戶端的其他優(yōu)勢：

一、離線任性壓

不用擔心網速問題，不用擔心國外服務器的問題，安裝之后隨時隨意任性壓縮。因為走的都是本地代碼對本地圖片的處理，所以壓縮效率明顯會比web版的有很大的提升。處理完畢之后還自動保存，更不需要你手動去下載壓縮后的圖片了。

二、目錄批量壓

除了支持一張，多張圖片的處理，智圖客戶端也提供了文件夾處理，選擇或者拖入一個文件夾，程序便會自動遍歷文件夾里的所有圖片（包括子目錄），然后統(tǒng)一處理。這一處理大大減少了冗余的拖拽操作。上傳文件夾之后，盡管去沖杯咖啡泡泡腳，剩下的就交給客戶端去處理吧。

三、跨平臺運作

智圖客戶端提供Windows64位，Windows32位，Mac版本。您可以在不同平臺進行同樣的操作，沒有異化不需學習成本。

四、個性化配置

目前智圖客戶端有【是否生成webP】、【是否替換原圖】、【是否深度壓縮】幾種配置選項，當然后續(xù)我們還會更新一些其他方便用戶習慣的選項。

PS：其實如果對比web版本的在線壓縮，你可能會發(fā)現(xiàn)客戶端版本缺少了一項很好用的功能——實時對比。沒錯，我們考慮到客戶端的輕便性和實用性，不想客戶端做得那么 ”重“，也不想留太多的空隙讓用戶去思考究竟需要如何做取舍。你也可以看到我們的用戶界面非常簡潔，其實我們后臺做的事情很多，但是對用戶保持透明，有時候也不失為一種好的選擇。

不算結束的結束語

這篇文章不涉及技術，因為我們做智圖的初衷不是為了技術，也不是為了設計，而是單純地從方便用戶的角度入手，考慮如何才能快速并簡單地進行一次圖片的壓縮優(yōu)化，包括我們一開始就推崇的?#幫用戶自動選擇圖片格式#?的想法也是如此。

最后感謝廣全童鞋為智圖客戶端和官網簡約大氣的設計，(*^__^*) 還是再放下智圖客戶端的下載地址：前往下載

如果下載之后的安裝遇到任何問題，可直接聯(lián)系我們或者郵件也可（附下）。當然，我們也給看官們留下一些安裝指引。期待大家的使用與反饋！

網頁文章內容排版工具：Type Nugget

每一個新聞、博客等閱讀類網站都應該注意文章的內容排版，并且能讓用戶友好的閱讀，比如一些小說網站，會把內容文字變得比較大，高級一點還可以讓用戶調整字號、背景。

今天為大家分享一個網頁文章內容排版工具?Type Nugget，有了它，設計師將能很方便設置文章段落、標題、行距、文字顏色、鏈接顏色、背景等功能，當設置好后，還能生成 CSS 樣式代碼，相當便捷，比起在 PS 或其它設計工具上調整會快很多。建議網頁設計師們收藏此工具。

下圖中，左邊為文字演示（用戶可以手動刪除和輸入新文字），右邊為設置樣式，樣式有文字大小、頁面背景、H1-H6、Margin、line-height 值等等均可設置。

當設置完成后，點擊「GENERATE CODE」按鈕，然后會生成一個 CSS 文件鏈接，把鏈接粘貼到瀏覽器即可看到該樣式代碼。

生成CSS代碼鏈接，將該鏈接復制到瀏覽器打開就可以看到代碼了，另外你還可以點擊「download the CSS」鏈接來下載這個 CSS 樣式文件。

目前該工具僅支持桌面預覽，但后繼還會推出平板、手機等平臺預覽方式。

「本月最值得閱讀收藏的完美像素使用手冊」

1. 《值得每個設計師收藏的《完美像素使用手冊》之原理篇》
2. 《中文版來了！值得每個設計師收藏的《完美像素使用手冊》之細節(jié)篇》
3. 《第三集！值得每個設計師收藏的《完美像素使用手冊》之易用性篇》
4. 《第四集！值得每個設計師收藏的《完美像素使用手冊》之軟件技巧篇》
5. 《最終版！值得每個設計師收藏的《完美像素使用手冊》之軟件技巧篇》

原文地址：isux.tencent、shejidaren

【優(yōu)設網 原創(chuàng)文章 投稿郵箱：yuan@uisdc.com】

================關于優(yōu)設網================
"優(yōu)設網uisdc.com"是國內人氣最高的網頁設計師學習平臺，專注分享網頁設計、無線端設計以及PS教程。
【特色推薦】
設計師需要讀的100本書：史上最全的設計師圖書導航：http://hao.uisdc.com/book/。
設計微博：擁有粉絲量150萬的人氣微博@優(yōu)秀網頁設計 ，歡迎關注獲取網頁設計資源、下載頂尖設計素材。
設計導航：全球頂尖設計網站推薦，設計師必備導航：http://hao.uisdc.com