應用資源

後疫情時代以來，幾乎每個網紅都在廣告VPN，儼然VPN為個人上網時的必須品。網紅業配的VPN幾乎都是NordVPN或Surfshark VPN兩家，並說明以每個月不到100元即可享受集速度快、安全性高、價格便宜的服務。而這邊將介紹另一款CP值更高的AdGuard VPN，可以用更便宜的價格享受相同的VPN服務。 註：NordVPN或Surfshark VPN已於2022年合併，皆為Nord Security旗下公司。兩家服務將保持功能獨立並保留各自的產品，但將共享技術知識。 VPN是什麼？ VPN全名為 virtual private network（虛擬私人網路），使用網路時會在設備的後台運行，並對所有瀏覽數據進行加密，並連接到VPN伺服器。VPN伺服器可以隱藏個人資料並防止被追蹤，還可以假裝從全球其他地方登錄，用來瀏覽區域限制的服務。 在沒有VPN的情況下連接網路時，ISP（Internet Service Provider，網路服務提供商如中華電信等）是設備和網路間的主要中介。ISP 會為設備提供一個 IP地址，並追蹤訪問的所有網站。 當設備啟動VPN服務時，所有網路連線請求會通過加密傳輸，ISP業者將無法知道你訪問的網站。同時會連線至VPN廠商提供的伺服器，來請求你想訪問的網站。處理請求後，發送回設備的數據將經過相同的加密 VPN 連接。 舉例來說，日本Amazon...

貼上圖片連結網址 Google Yandex Bing 上傳本機圖片 : 指定圖片網址 : (上傳本機圖片) Google Yandex Bing 圖片搜尋引擎網站介紹 Google Yandex Bing Tineye 以圖搜圖又稱反向圖像搜索 （Reverse Image...

在設計精選圖片（Featured Image）或簡報頁面時，使用單一圖片背景顏色可能較為單調。本篇將介紹4款免費線上製作背景圖案工具，提供背景素材。 Svgwave - 波浪形狀顏色背景圖案 Svgwave 是一款小巧、免費且美觀的顏色漸變波生成器，適用於使用者介面、網站設計。可以根據客製化、自定義，來設置波浪數、頻率、幅度、顏色的波浪樣式。設定完後可以一鍵生成 svg、png（此背景圖案白色部分為透明背景，jpg 不支援透明背景）。 Tinter - 圖片背景顏色調色 Tinter 可以透過自定義的微調來生成圖片的顏色、色調變化。它提供了簡單的 UI 來生成單色調，並改變圖像的 RGB 顏色變化。 在 Upload...

在網路上有許多方案(有免費、有些則須付費)可以減小圖片檔案大小，以幫助提高網站的性能。其中之一便是將網站的Logo從png檔或jpg圖檔轉換為使用svg格式，SVG 是一種可擴展的圖像格式，通常檔案可以極致壓縮到很小，而且不需要考量到retina @2x的使用情境。本篇將介紹如何用線上軟體Figma免費製作.svg。 對於網站部落格主來說，SEO(搜尋引擎最佳化)的優化代表著網站成功與否，自己的網站出現在搜尋結果第一頁間接代表著網站能夠成功地被大眾瀏覽。根據數據統計，網站圖片平均佔網頁總權重的20%左右，大容量的圖像會減慢網頁瀏覽速度，產生不太理想的用戶體驗，因此著手於圖像的優化是SEO成功的關鍵之一。這篇文章將說明如何使用並製作svg檔案格式。 SVG是什麼 可縮放向量圖形 (Scalable Vector Graphics，簡稱SVG) 是基於 XML語言的可擴展向量圖檔，一種支援交互性和動畫的二維圖形，通常用來顯示網站logo或icon圖檔。 SVG發佈於1999年，由國際標準組織W3所制定的是一個開放標準，可以加入向量圖形、點陣圖像、文字等圖形物件類型。SVG基於XML語法，用文字格式來組成描述圖像內容，提高SVG圖形的被搜尋能力和無障礙性。 SVG圖像格式的優點1. SVG是一種向量格式，因此可以瀏覽器和照片編輯工具中放大圖像，而不影響解析度。2. 獲得Google圖片搜尋支援，代表svg格式並不影響SEO。3. SVG格式使用XML語法，使其可以建立文字索引，因而獲得基於內容的圖像搜尋。4. 可以生成動畫。5. 通常可以極致的壓縮圖像檔案大小，加快網站加載速度。SVG圖像格式的缺點1. SVG雖獲得大多瀏覽器支持，但對於線下軟體(如照片編輯器、手機相簿)支持度較低。2. 因僅在瀏覽器獲得支持，因此建議使用在網站的Logo或icon，並不適用於部落格內文照片。SVG格式是否適用所有瀏覽器?目前svg格式已適用於主流的瀏覽器及手機瀏覽器，如Google的chrome、Microsoft的edge、Apple的Safari等皆支援svg文件。SVG vs...

在設計網站時，網站的主題配色是第一眼看到網站呈現氛圍的重要部分。試著想像：一個男子穿著生動的橙色，是否給人一種年輕有活力的氛圍；又或者即將下雨灰色陰沈的天空，給人一種了無生氣的情境。顏色有能力朔造我們對環境的看法，甚至是對陌生人的第一印象。 要找到符合自己設計網站原則的顏色組合需要花大量的時間和精力，坊間也有許多付費方案可以一鍵生成美觀的主題及配色。但身為一個從零開始規劃的網站站主，擁有一個與眾不同的網頁設計是非常值得追尋的。 下面將介紹兩款好用的線上工具，分別是Goodpalette與Color Hunt，兩個工具組合使用便能獲得精美的網站配色。 Color Hunt：為設計師開發的精美調色盤 clolohunt.co 是由特拉維夫藝術家Gal Shir 於2015年開發，為設計師提供免費且精選的調色板。最初為在一群設計師朋友之間分享流行的色彩組合的小項目，現在已成為最受設計師歡迎的色彩靈感線上資源。 Step1. 前往colorhunt.co 進入網頁後便會提供最新精選的調色板，滑鼠移動至顏色上方時，會出現顏色的十六進位碼，點擊顏色則能直接複製十六進位碼。 畫面左邊能選擇其他系列顏色，如最新（New）、熱門（popular）、隨機（Random），也能選擇其他色調如淡色系（Pastel）、Neon（霓虹色）等等。 也可點選上方的搜尋，來搜索喜歡的色系。 Step2. 搜尋理想中的色系 點選上方的搜尋後，便會出現一些常用的色系選項，可以點選自己理想的主要網站配色中來找尋調色盤。 Step3. 複製色號...

數據統計在網頁加載的過程中，有超過一半的數據屬於圖片加載。為了優化網站載入的性能，Google團隊便開發了圖像壓縮工具 Squoosh.App來使檔案縮小，當照片檔案太大或jpg檔案太大時，可作照片壓縮軟體、優化圖片、照片並修改尺寸，解決檔案或尺寸過大的問題教學。 隨著網際網路的發達，使用網路服務服務的需求倍數成長，全球網路服務每分鐘以數以兆計的位元上傳/下載，因此網頁的優化顯得十分重要。搜尋引擎巨頭公司Google公司近年來致力於優化網頁的加載速度，並確保網頁載入時提供流暢的體驗，要求在 1/10 秒內響應用戶輸入，確保用戶不會產生「卡頓」的現象。 下面將介紹什麼是Squooch、如何使用，以及它們如何幫助使用者優化他們的網站，以提供用戶最佳體驗。 什麼是Squoosh.App Squoosh.App是由GoogleChromeLabs實驗室開發的網路工具，提供免費線上使用。專為壓縮圖片而設計，Squoosh可以在web瀏覽器上在線和離線使用。 Squoosh最大的優勢是會將上傳的圖片分割成兩部分，呈現「優化前vs優化後」的成果。這項工具可以讓用戶先行看到圖片是否變得過度模糊。以網站站主來說，圖片的壓縮跟優化有助於網站的加載速度並提供更好的用戶體驗，甚至能提高網站的SEO排名。 Squoosh 屏幕被分割，因此用戶可以看到圖像壓縮前後的結果。這個工具讓您可以窺見原始圖像和壓縮圖像之間通常可以忽略不計的差異（如果有的話）。但是，已針對速度進行壓縮和優化的圖像有助於加快加載時間並提供更好的用戶體驗。他們甚至可能有助於提高您的 SEO 排名。 在 Squoosh 中壓縮圖像既快捷又簡單，用戶可以在編輯後立即下載壓縮圖像。現在，讓我們來看看如何使用該應用程序。 如何使用Squoosh.App Step1. 前往網站Squoosh.App打開Squoosh.App後，便可以上傳照片或拖放照片到網頁上。但Squoosh並未支援批次壓縮的功能，一次僅能選取一張圖像。Step2. 查看預設結果中間有個滑塊可以左右滑移左側為壓縮前的圖像，左下角會顯示檔案大小。右側為壓縮後的圖像，右下角會顯示檔案大小及壓縮比率。若要在修訂壓縮細節，可以在右邊的編輯器做進階編輯。確認無誤後，點選最右下角的下載，即可獲取圖像。Step3....

最大的設計煩惱之一，就是正在設計某些東西時，正在編輯的圖面或照片上面有不需要的背景，則要用免費線上軟體去背景。這篇文章將介紹如何完全去除照片背景，並使圖片背景設定為透明，以便將圖片呈現為其他背景的外觀。本篇將實測3款圖片去背神器：Adobe、AirMore、Figma、Photoroom。 在測試過許多圖片去背的線上免費軟體之後，實測有四個線上免費軟體最好用： Adobe ExpressAirMoreFigma-RemobeBGPhotoroom.com 註：經實測，推薦使用Adobe Express與Photoroom。 方法一：Adobe Express-用滑鼠就能操作的去背景軟體 Adobe Express是由Adobe Inc.開發，用於任務取向整合系統，可直接在網頁版線上使用或手機app使用。透過可用滑鼠選擇、拖曳技術，Creative Cloud Express使用戶能夠設計製作Logo、傳單、邀請函等多媒體內容，也提供相關設計模板、字體和免費照片。 Adobe Express有依照使用需求分為Free（免費版）與Priumium（一個月約330元）計劃。 而在目前去除背景的功能在免費版即可使用，因此可以使用Adobe的線上軟體來達成免費去背的功能。 Step1. 前往Adobe Express 移除背景功能...