很多網路服務或應用程式都會自動對圖片進行壓縮，用以減少圖片大小，而在正常情況下「無損壓縮」（Lossless Compression）不會對圖片畫質造成破壞性的影響，甚至在肉眼看不出差異的狀況下大幅減少圖片容量，例如 Recompressor 或 TinyPNG 這類圖片壓縮工具都能做到，那如果遇到過度壓縮、破壞畫質造成圖片出現許多的噪點，有沒有工具可以修復或消除照片噪點呢？
解析度
Sizzy 線上測試自適應設計 RWD 在各種 iOS、Android 行動裝置顯示效果
這幾年台灣行動裝置普及率已經非常高，幾乎可以說人手一機，無論是連接社群網站、即時通訊應用或上網查資料可能都會透過手機或平板電腦。對於網站管理者而言，你絕不能輕忽行動裝置使用者為網站帶來的流量。Google 很早以前就告訴你，必須重視行動用戶體驗，從「Google 幫你測試網站是否對行動裝置友善，三項評比指標提供最佳化指南」一文介紹的工具即可快速測試你的網站能否符合當前趨勢。
Google 推出免費工具 Resizer 測試網站在電腦、平板電腦及手機顯示效果
去年 Google Design 網站釋出一系列 Material Icons 免費圖示集，提供超過 900 個以上平面設計素材，讓開發者在進行開發時可直接取用精心設計品質優良的圖案。最近 Google 再推出一項免費工具 Resizer ，讓我們在電腦上測試網站於不同裝置解析度的顯示效果，這對於網頁開發者來說是相當實用的技巧，簡單來說，只要輸入網址，即可看到網站在不同畫面大小的顯示樣式。
Responsive Web Design Tester 響應式網頁開發工具，在瀏覽器測試網站顯示效果
當今開發網站不僅要顧及不同瀏覽器，還要同時滿足在電腦、平板電腦及行動裝置各種尺寸螢幕都能正確顯示，最常用的技術是響應式網頁設計（Responsive Web Design, RWD）。技術細節我就不多做介紹，但我想透過本文推薦一款很實用的開發工具，讓你在瀏覽器輕鬆模擬、切換不同裝置類型，協助測試自適應網頁設計是否能正確顯示內容。
閱讀全文 » 關於 Responsive Web Design Tester 響應式網頁開發工具，在瀏覽器測試網站顯示效果
Browser Screenshots 微軟線上網頁測試工具，查看網站在不同瀏覽器平台呈現效果（支援 IE 全系列）
開發網站時最不想做的就是在不同瀏覽器、平台和解析度測試網頁顯示效果，通常這會浮現許多問題，尤其瀏覽器版本就可能讓顯示成效完全不同，也只好盡力維持讓每一種裝置都能正常瀏覽網頁。修改到完全沒有問題必須投入不少時間，我習慣在電腦上安裝不同版本的作業系統進行測試，但遇到 IE 就沒輒了，除非你安裝 XP 或更早的版本才能測試不同的 IE 。如果你覺得這麼做很麻煩，現在只要輸入網址就能建立在不同瀏覽器螢幕的擷取畫面。
閱讀全文 » 關於 Browser Screenshots 微軟線上網頁測試工具，查看網站在不同瀏覽器平台呈現效果（支援 IE 全系列）
Clipchamp 線上影片壓縮轉檔服務，快速為影音檔案瘦身！
如果你有用手機或數位相機拍照錄影的習慣，應該會發現輸出後檔案大小都很可觀，因為現在裝置解析度和畫質都很高，能夠拍攝出更接近真實的效果，但要上傳 YouTube 或傳給好友的話就會比較麻煩，除非先壓縮影片或調整畫質，才能有效減少影片容量。