画像圧縮の基本（JPEG・PNG・WebPの違いと使い分け）

<!-- pictureタグを使ったフォールバック -->
<picture>
  <!-- WebP対応ブラウザはこちらを使う -->
  <source srcset="image.webp" type="image/webp">
  <!-- 非対応ブラウザはJPEGに切り替わる -->
  <source srcset="image.jpg" type="image/jpeg">
  <!-- 最後はimg要素（必須） -->
  <img src="image.jpg" alt="説明文">
</picture>

from PIL import Image

# JPEG を WebP に変換（非可逆、quality=85 が一般的）
img = Image.open("photo.jpg")
img.save("photo.webp", "WEBP", quality=85)

# PNG を WebP（透過あり）に変換（可逆）
img = Image.open("logo.png")
img.save("logo.webp", "WEBP", lossless=True)

# フォルダ内の全JPEGをまとめて変換
import os

for filename in os.listdir("./images"):
    if filename.endswith(".jpg"):
        img = Image.open(f"./images/{filename}")
        name = filename.replace(".jpg", ".webp")
        img.save(f"./output/{name}", "WEBP", quality=85)
        print(f"変換完了: {name}")