
Guetzli 開放原始碼 JPEG 圖片壓縮編碼器
本篇介紹如何使用 Guetzli 壓縮大量圖片,並比較 Guetzli 與 TinyPNG 的壓縮結果。 Guetzli 是一套由 Google 所開發的 JPEG 圖片壓縮演算法,與現有的 libjpeg 相比,可將高品質的圖片大小減少 20% 至 30% 左右,並且完全相容於現有的瀏覽器與各種應用程式,因此若應用於網頁的圖片壓縮上,可以大幅降低資料傳輸量,增進網頁載入速度。 ...

本篇介紹如何使用 Guetzli 壓縮大量圖片,並比較 Guetzli 與 TinyPNG 的壓縮結果。 Guetzli 是一套由 Google 所開發的 JPEG 圖片壓縮演算法,與現有的 libjpeg 相比,可將高品質的圖片大小減少 20% 至 30% 左右,並且完全相容於現有的瀏覽器與各種應用程式,因此若應用於網頁的圖片壓縮上,可以大幅降低資料傳輸量,增進網頁載入速度。 ...

本文敘述如何修改Chrome 瀏覽器安全性設定,讓網頁開發階段避免 Access-Control-Allow-Origin 的問題。 架構比較複雜的網頁,可能會同時使用多台主機的資源(也就是所謂的 CORS),像是以 Ajax 的技術連線至其他台伺服器,但是因為安全性的因素,瀏覽器預設不允許 JavaScript 任意存取其他伺服器的資源,導致出現類似這樣的錯誤: ...

這裡介紹如何在 PHP 的程式中呼叫 R 語言進行各式的統計分析語資料繪圖,並將結果顯示於網頁之中。 PHP 是現今很熱門的程式語言之一,有非常多的網頁應用程式都是使用 PHP 來開發的(例如 WordPress 等),而 R 語言則是一種功能強大的統計分析工具,拜大資料的風潮所賜,目前 R 語言已經是資料科學領域最熱門的分析工具。 ...

最近 Google AdSense 修改廣告刊登位置的政策,解除以往每張網頁只能放 3 個廣告的限制,現在網頁中一次可以放 3 個以上的廣告! 長久以來 Google AdSense 的廣告刊登政策中都有內容廣告單頁數量上限的規定,一張網頁只能放置 3 個內容廣告單元、3 個連結單元與 2 個搜尋框,這個規定從我開始寫網站以來一直都存在,下面這張圖是我從 WayBack Machine 抓出來的,這是 2014 年的 Google AdSense 廣告刊登位置政策內容。 ...

Leaflet 是一套適用於各種平台的 JavaScript 地圖繪製工具,可以呈現類似 Google 地圖的效果。 要在網頁上呈現地圖,除了大多數人所熟知的 Google 地圖之外,Leaflet 也是一套很不錯的工具,它是一套開放原始碼的輕量級 JavaScript 網頁地圖函式庫,其所呈現的效果與 Google 地圖非常相似,主要的特色是使用簡單、速度快,並且跨平台,許多知名網站(如 GitHub 與 Flickr 等)都是使用 Leaflet 來呈現地圖。 ...