簡單易用！免費圖片轉 WebP 工具，提高網站 SEO 效果！
前言
WebP 是一種由 Google 開發的圖像檔案格式，使用 WebP 可以減少圖像的檔案大小，同時保留圖像的品質，進而加速網站的載入速度。然而，許多線上的圖片轉換工具都無法支援 WebP 的格式，因此本文將介紹一個自製的線上圖片轉 WebP 的小工具，如果你想要使用 WebP 格式的圖片來優化你的網站，這個小工具絕對值得一試。
小工具網站
◉ 點我前往 WebP 小工具ヾ(•ω•`)o
如何使用
使用這個小工具非常簡單，只需要依照以下步驟：
先設定圖像轉換後的「解析度」和「壓縮品質」。
a. 「解析度」越高代表圖像損失會越少，反之亦然。
b. 「壓縮品質」越大代表圖像損失會越少，反之亦然。
點選「選擇圖片檔案」按鈕，選擇要轉換的圖像檔案，可以選擇多個檔案。
點選「下載」按鈕，下載單張圖片內容。
點選「下載轉換完成的檔案」按鈕，下載轉換後的全部圖像檔案。
程式碼說明
本程式碼是一個基於 HTML、CSS 和 JavaScript 的網頁應用程式，可以將選擇的圖像檔案轉換成 WebP 的格式。以下是程式碼的一些要點：
使用 HTML 的 input 元素來讓使用者選擇要轉 ...
如何使用 Python 將圖片轉換成 WebP
使用 Python 快速輕鬆地將 HEIC、JPG、PNG 轉換為 WebP
當我們在製作網頁時，通常需要大量的圖片，但是網頁的載入速度會因為圖片的大小而變慢，進而導致 SEO 的分數變差。 WebP 是一種由 Google 推出的圖片格式，可以有效地減小圖片的大小，同時也保持了圖片的品質。在這篇文章中，我們會使用 Python 來將 HEIC、JPG、JPEG 和 PNG 格式的照片轉換成 WebP 格式，並且移除其中的照片資訊，以保護個人隱私。
安裝依賴庫
Pillow 是一個 Python 圖像處理庫，而 pillow-heif 是一個 Pillow 套件，可以處理 HEIF 格式的圖片。要使用這個套件，請在命令行中輸入以下指令：
1pip install pillow pillow-heif
程式
這個程式會先從指定的目錄中，尋找 HEIC、JPG、JPEG 和 PNG 格式的照片，並且使用 Pillow 來將它們轉換成 WebP 格式。
也會同時移除照片中的 EXIF 資訊。
這個程式的主要要達到的功能有三個：
想要將 HEIC、JPG、JPEG 轉換為 WebP ，並且解 ...
如何使用 Python 將 HEIC 轉換為 JPG
使用 Python 快速輕鬆地將 HEIC 轉換為 JPG
HEIC 格式是一種由 Apple 推廣的高效圖像格式，它具有更好的壓縮效果和更高的影像品質。但儘管 HEIC 格式在 Apple 設備上廣泛使用，但在其他平台（如 Windows 和 Android）上仍然存在一些兼容性問題，這使得許多用戶在想要分享 HEIC 圖片時感到困擾。
本文將介紹如何使用 Python 編寫一個簡單的程式，將 HEIC 格式的圖片輕鬆快速地轉換為更通用的 JPG 格式。我們將使用 Pillow 和 pillow-heif 來解決這個問題。而會選擇 pillow-heif 的原因，是因為原先想要在 windows 系統安裝 pyheif ，但是發現很多問題導致裝不起來，因此才會改用 pillow-heif 。
安裝依賴庫
首先，我們需要安裝 Pillow 和 pillow-heif ，打開命令列並運行以下命令：
1pip install Pillow pillow-heif
程式
這個程式的主要要達到的功能有兩個
想要將 HEIC 轉換為 JPG ，並且解析度不更改，檔名也維持一樣。
將想要轉換的 ...
設計蝕刻控制器
簡介
設計條件
剛好有朋友找我設計一個他們實驗要用的裝置，想要做到的效果。
有一個主要迴路，上面有恆定的電壓，大約 7 V。
需要用 Arduino 來測量其電流，電流值約在 10~20 mA 左右。
如果蝕刻發生變化時，電流會瞬間掉到 3 mA左右，這時主要迴路要變成斷路。
但蝕刻的時候電壓也會稍微變小，從 20 mA 掉落到 10 mA 左右。
大概的思考架構如圖所示
本裝置是透過 ina219 來測量為小電流，
可以支援量測到 26 V，
並且搭配一個 5V relay，
如果電流瞬間下降時，
就透過 relay 來切斷主迴路的電源，
透過不同顏色的 LED 或 OLED 螢幕來顯示現在電路狀況。
實際圖片
操作實際影片
所需材料與架構
Arduino UNO
INA219
使用 I2C 介面
工作電壓 +3.0 至 +5.5V 之間
溫度範圍(可實現 1% 的最大誤差精度) -40C 至 +85C
分辨率 12 位元
電壓範圍為 0 V 至 +26 V
以安培為單位讀取電流，並以瓦特為單位讀取電源
對多達 128 個採樣求平均值
5V relay
powe ...
不知道要吃什麼嗎？做一個食物的選擇小工具吧!
先來看一下效果吧
#random-button {
background-color: #06C167;
border: none;
color: black;
padding: 10px;
text-align: center;
text-decoration: none;
display: inline-block;
font-size: 16px;
margin: 10px;
cursor: pointer;
}
點擊下面的按鈕以獲取一個隨機店家：
今天我想來點
var names = ["便當店", "吃麵", "吃早餐店"];
var randomButton = document.getElementById("random-button");
var nameDisplay = document.getElementById("name-display");
randomButton.addEventListener("click", function() { ...
網站功能基礎測試
網站的基本功能測試
hello world030
Syntax
Description
Header
Title
Paragraph
Text
123456789101112131415var s = "JavaScript syntax highlighting";alert(s);function $initHighlight(block, cls) { try { if (cls.search(/\bno\-highlight\b/) != -1) return process(block, true, 0x0F) + ' class=""'; } catch (e) { /* handle exception */ } for (var i = 0 / 2; i < classes.length; i++) { if (checkCondition(classes[i] ...
