画像処理 on AIによる技術記事備忘録

Pythonで画像をサムネ用に16:9アスペクト比にする空白のパディング追加

Fri, 20 Dec 2024 09:03:24 +0900

この記事では、Pythonを使用して画像にパディングを追加し、指定したアスペクト比（16:9など）に調整するスクリプトの解説を行います。特に、WebP形式で保存するための実用的なコード例を示し、その用途や仕組みを説明します。

スクリプトの概要

このスクリプトは、以下の目的で使用できます。

画像のアスペクト比を統一する:

画像の幅と高さの比率が異なる場合でも、白いパディングを追加して指定したアスペクト比（例: 16:9）に整えることができます。

WebP形式で保存:

処理済みの画像をWebP形式で保存することで、ファイルサイズを小さくしつつ、画質を維持します。

自動化と簡略化:

コマンドライン引数を使用して入力画像と出力画像のパスを指定し、簡単に処理を実行可能です。

ライブラリのインストール

このスクリプトを実行するためには、以下のライブラリをインストールする必要があります。

Pillow（Python Imaging Library）

インストールコマンド:

pip install pillow

Pillowは、Pythonで画像処理を行うためのライブラリで、様々な画像フォーマットの操作をサポートしています。

スクリプトのコードと解説

以下はスクリプトの全体コードです。部分ごとに詳細を解説します。

from PIL import Image, ImageOps
import sys
import os

def add_padding_to_aspect_ratio(image_path, output_path, target_aspect_ratio=(16, 9)):
 try:
 # 画像を開く
 img = Image.open(image_path)
 original_width, original_height = img.size

 # 元画像のアスペクト比を計算
 original_aspect_ratio = original_width / original_height

 # 目標のアスペクト比を計算
 target_width, target_height = target_aspect_ratio
 target_aspect_ratio_value = target_width / target_height

 # 新しいサイズを計算
 if original_aspect_ratio > target_aspect_ratio_value:
 # 横長の場合は高さを合わせる
 new_width = original_width
 new_height = int(original_width / target_aspect_ratio_value)
 else:
 # 縦長の場合は幅を合わせる
 new_height = original_height
 new_width = int(original_height * target_aspect_ratio_value)

 # 新しいキャンバスのサイズに合わせてパディングを追加
 new_size = (new_width, new_height)
 padded_image = ImageOps.pad(img, new_size, color="white")

 # WebP形式で保存
 padded_image.save(output_path, format="WEBP")
 print(f"画像を処理しました: {output_path}")

 except Exception as e:
 print(f"エラーが発生しました: {e}")

if __name__ == "__main__":
 if len(sys.argv) != 3:
 print("使用法: python add_padding.py 入力画像パス 出力画像パス")
 sys.exit(1)

 input_image = sys.argv[1]
 output_image = sys.argv[2]

 if not os.path.isfile(input_image):
 print(f"入力ファイルが存在しません: {input_image}")
 sys.exit(1)

 add_padding_to_aspect_ratio(input_image, output_image)

コードの詳細解説

1. ライブラリのインポート

from PIL import Image, ImageOps
import sys
import os

Pillow: 画像処理を行うためのPythonライブラリ。
sys: コマンドライン引数を扱うために使用。
os: ファイルの存在確認に使用。

2. 関数の定義

def add_padding_to_aspect_ratio(image_path, output_path, target_aspect_ratio=(16, 9)):

image_path: 入力画像のパス。
output_path: 出力画像の保存先。
target_aspect_ratio: タプル形式で目標アスペクト比を指定（デフォルト: 16:9）。

3. 画像の読み込みと元サイズの取得

img = Image.open(image_path)
original_width, original_height = img.size

画像を開いて元の幅と高さを取得します。

4. 新しいサイズの計算

if original_aspect_ratio > target_aspect_ratio_value:
 new_width = original_width
 new_height = int(original_width / target_aspect_ratio_value)
else:
 new_height = original_height
 new_width = int(original_height * target_aspect_ratio_value)

元画像のアスペクト比を計算し、目標アスペクト比に合わせて新しいキャンバスサイズを決定します。

5. パディングの追加

new_size = (new_width, new_height)
padded_image = ImageOps.pad(img, new_size, color="white")

ImageOps.padを使用して、新しいサイズに合わせたパディングを追加します。
パディングの色は白（color="white"）に設定されています。

6. WebP形式で保存

padded_image.save(output_path, format="WEBP")

処理済み画像をWebP形式で保存します。

7. コマンドライン引数の処理

if len(sys.argv) != 3:
 print("使用法: python add_padding.py 入力画像パス 出力画像パス")
 sys.exit(1)

コマンドライン引数が正しく指定されていない場合、エラーメッセージを表示して終了します。

8. 入力ファイルの存在確認

if not os.path.isfile(input_image):
 print(f"入力ファイルが存在しません: {input_image}")
 sys.exit(1)

入力画像が存在しない場合、エラーメッセージを表示して終了します。

使用例

コマンドラインでの実行

python add_padding.py sample.jpg output.webp

sample.jpg : 入力画像。
output.webp : 出力画像の保存先。

実行結果

入力画像のアスペクト比が目標（16:9）に調整され、白いパディングが追加された画像がoutput.webpとして保存されます。

応用例と拡張

異なるアスペクト比のサポート:

(4, 3)や(1, 1)など、目標アスペクト比を柔軟に変更可能。

カスタムパディング色:

color="white"を変更することで、黒や透明など他の色に対応可能。

バッチ処理:

複数の画像を一括で処理する機能を追加できます。

結論

このスクリプトは、画像のアスペクト比を簡単に調整し、統一感のあるレイアウトを作成するための便利なツールです。特に、WebP形式で保存することで、効率的なストレージ利用と高速なウェブ表示を実現できます。

JPGなど画像ファイルを圧縮したCBZ,ZIPファイルをPDFに変換する

Wed, 25 Sep 2024 12:50:58 +0900

電子書籍や漫画のフォーマットとしてよく使われるCBZファイルは、実際にはZIP形式で圧縮されたJPEG画像の集まりです。今回は、このCBZファイルを簡単にPDFに変換する方法を紹介します。

手順は非常にシンプルで、無料のコマンドラインツールを使って効率よく変換できます。ぜひ試してみてください。

必要なツール

以下のツールが必要です。

unzip（通常のZIPファイル解凍に使います）
img2pdf（画像をPDFにまとめるためのツール）

img2pdfはPythonベースのツールで、簡単にインストールできます。まだインストールしていない場合、次のコマンドを使用してインストールしましょう。

pip install img2pdf

手順

CBZファイルを解凍する

まず、.cbzファイルをunzipコマンドで解凍し、中のJPEG画像を取り出します。次のようにコマンドを実行してください。

unzip your_file.cbz -d extracted_images

your_file.cbzは変換したいCBZファイルの名前、extracted_imagesは画像を解凍するディレクトリです。

画像をPDFに変換する

次に、解凍されたJPEG画像を1つのPDFファイルにまとめます。img2pdfコマンドを使って、指定したディレクトリ内のJPEG画像をPDF形式に変換します。

img2pdf extracted_images/*.jpg -o output.pdf

これで、output.pdfという名前のPDFファイルが作成されます。

スクリプト化

次のようなBashスクリプトを作成すれば、.cbzファイルをPDFに変換し、同じファイル名のPDFを出力し、途中で生成された不要なファイルを削除できます。

#!/bin/bash

# CBZファイルを引数として受け取る
if [ -z "$1" ]; then
 echo "Usage: $0 filename.cbz"
 exit 1
fi

# ファイル名とディレクトリを分離
cbz_file="$1"
filename=$(basename "$cbz_file" .cbz)
directory=$(dirname "$cbz_file")

# 一時ディレクトリを作成
temp_dir=$(mktemp -d)

# CBZファイルを解凍
unzip "$cbz_file" -d "$temp_dir"

# 画像ファイルをPDFに変換
img2pdf "$temp_dir"/*.jpg -o "$directory/$filename.pdf"

# 一時ディレクトリを削除
rm -rf "$temp_dir"

echo "Conversion completed: $filename.pdf"

まとめ

以上で、CBZファイルを簡単にPDFに変換できる手順を紹介しました。特別なソフトウェアは必要なく、コマンドラインだけでサクッと変換できるので、ぜひこの方法を活用してください。漫画や電子書籍をPDF化して整理したい方にぴったりの方法です。

カレントディレクトリ以下のすべてのpng,jpgをwebpに変換するシェルスクリプト

Mon, 25 Mar 2024 16:23:39 +0900

この記事の目的は、シェルスクリプトでカレントディレクトリ以下にあるjpgやpngといった画像ファイルを、すべてwebpに変換することです。サブディレクトリ内のデータも含みます。また、高速化のために並列処理をします。

実行環境

Machine: M2 Pro Mac mini (2023)
macOS Sonoma 14.3.1
GNU bash 5.2.26
ImageMagick 7.1.1-29

スクリプトの提示

以下に、この自動化された並列処理を実行するためのbashスクリプトを示します。このスクリプトは、指定したディレクトリ以下の画像ファイル（PNG、JPG、JPEG）を検索し、それらをwebpフォーマットに変換後、元のファイルを削除します。変換プロセスは並列で実行されるため、作業の完了にかかる時間が大幅に短縮されます。

#!/bin/bash

convert_image() {
 img="$1"
 name=$(basename "$img" .${img##*.})
 dir=$(dirname "$img")
 new_path="$dir/$name.webp"
 convert "$img" "$new_path" && rm "$img"
}

export -f convert_image

find . -type f \( -iname \*.png -o -iname \*.jpg -o -iname \*.jpeg \) -print0 | parallel -0 convert_image

このスクリプトは、すべてのPNG、JPG、およびJPEGファイルを現在のディレクトリおよびそのサブディレクトリから検索し、それぞれをwebpフォーマットに変換した後、元のファイルを削除します。この自動化されたプロセスにより、手動で行う場合と比べて大幅な時間短縮が可能になります。

スクリプトの実行方法

このセクションでは、前述のbashスクリプトを実行するために必要な環境設定と、スクリプトの具体的な使用方法について詳しく説明します。スクリプトを効果的に活用するには、いくつかの前提条件を満たし、適切な手順で実行することが重要です。

前提条件は以下です。

ImageMagickのインストール: このスクリプトはconvertコマンドを使用して画像をwebpフォーマットに変換します。convertコマンドは、ImageMagickソフトウェアスイートの一部です。ImageMagickは多くのLinuxディストリビューション、macOS、およびWindowsで利用可能です。お使いのシステムにImageMagickがインストールされていない場合は、公式のImageMagickダウンロードページからインストールすることができます。
GNU parallelのインストール: このスクリプトはGNU parallelを使用して、画像変換プロセスを並列で実行します。これにより、複数の画像を同時に処理することができ、全体の処理時間が大幅に短縮されます。GNU parallelはLinuxディストリビューションのパッケージマネージャーやGNU parallelの公式ページを通じてインストールできます。

スクリプトの主要部分解説

このセクションでは、先に紹介したbashスクリプトの構成要素を詳しく説明し、各部分がどのように機能するかを解説します。スクリプトは大きく分けて三つの主要な処理ステップによって構成されています。画像ファイルの検索、画像の並列変換、および元の画像ファイルの削除です。

1. 画像ファイルの検索

スクリプトはfindコマンドを使用して、指定したディレクトリ以下のすべてのPNG、JPG、JPEGファイルを検索します。この検索は再帰的に行われ、サブディレクトリ内のファイルも対象となります。

find . -type f \( -iname \*.png -o -iname \*.jpg -o -iname \*.jpeg \) -print0

.は現在のディレクトリを表します。
-type fはファイルタイプが「ファイル」であるものを検索対象とします。
-inameは大文字小文字を区別せずに名前が一致するファイルを検索します。ここでは、.png、.jpg、.jpegの各拡張子を持つファイルを対象としています。
-print0は検索結果をNULL文字で区切って出力します。これはparallelコマンドでの処理に必要です。

2. 画像の並列変換

検索した画像ファイルはparallelコマンドを通じて並列に処理されます。このステップでは、各画像ファイルがwebpフォーマットに変換されます。

parallel -0 convert_image

-0オプションは、入力がNULL文字で区切られていることをparallelに指示します。
convert_imageは画像を変換するために定義された関数です。

GNU parallelは、複数のプロセスを並列で実行するための強力なツールです。このスクリプトでは、parallelコマンドを用いて、検索された各画像ファイルに対してconvert_image関数を同時に実行させています。これにより、画像の変換タスクがCPUの複数のコアに分散され、タスクの完了速度が向上します。

3. 画像変換関数 `convert_image`

この関数は、個々の画像ファイルをwebpフォーマットに変換し、成功したら元のファイルを削除します。

convert_image() {
 img="$1"
 name=$(basename "$img" .${img##*.})
 dir=$(dirname "$img")
 new_path="$dir/$name.webp"
 convert "$img" "$new_path" && rm "$img"
}

img="$1"は関数に渡された最初の引数（ここでは画像ファイルのパス）を変数imgに代入します。
basenameとdirnameコマンドを使用して、ファイル名（拡張子なし）とディレクトリのパスを取得します。
convertコマンドは画像をwebpフォーマットに変換します。変換が成功した場合（&&の後）、rmコマンドによって元のファイルが削除されます。

このスクリプトによって、大量の画像ファイルを効率的にwebpフォーマットに変換するプロセスが自動化されます。並列処理の採用により、この変換作業を大幅に高速化することができます。

トラブルシューティング

実際にスクリプトを使用する際には、いくつかの一般的な問題に遭遇する可能性があります。このセクションでは、最も一般的な問題とその解決策をいくつか紹介します。

1. GNU parallelが見つからない

問題: スクリプトを実行しようとすると、「parallel: command not found」というエラーメッセージが表示されます。

解決策:

GNU parallelがインストールされているかどうかを確認してください。インストールされていない場合は、お使いのシステムのパッケージマネージャーを使用してインストールします。例えば、Ubuntuではsudo apt-get install parallelを実行します。

2. ImageMagickのconvertコマンドが機能しない

問題: convertコマンドを実行しようとするとエラーが発生するか、期待される出力が得られない。

解決策:

ImageMagickが正しくインストールされているかを確認してください。インストールされていない、またはバージョンが古い場合は、最新版を公式ウェブサイトからダウンロードしてインストールします。
特にMac OSの場合、ImageMagickの最新バージョンではconvertコマンドがmagick convertに置き換えられている可能性があります。その場合は、スクリプト内のconvertコマンドをmagick convertに変更してください。

3. スクリプトが特定の画像ファイルを見つけられない

問題: スクリプトを実行しても、一部の画像ファイルが処理されない。

解決策:

findコマンドのパターンが正しいか確認してください。大文字小文字の違いが原因でファイルが見落とされることがあります。-inameオプションは大文字小文字を区別しないため、これを使用していることを確認してください。
スクリプトが実行されているディレクトリと、処理したい画像ファイルが格納されているディレクトリが一致しているかを確認してください。必要に応じて、findコマンドの検索パスを調整します。

参考資料

この記事では、大量の画像ファイルを効率的にwebp形式に変換し、そのプロセスを並列で実行するbashスクリプトの作成と使用について詳しく説明しました。このスクリプトを使用することで、画像処理タスクの時間を大幅に短縮し、ウェブサイトのパフォーマンスを向上させることができます。また、GNU parallelとImageMagickを活用することで、マルチコアプロセッサの能力を最大限に引き出し、作業の効率を向上させる方法も紹介しました。

サブディレクトリ下の画像ファイルをwebp形式に変換するシェルスクリプト

Sun, 24 Sep 2023 15:38:27 +0900

はじめに

この記事では、サブディレクトリに存在する.PNG, .png, .jpg, .jpeg, .JPG, .JPEG ファイルを.webp形式に変換し、元の画像ファイルを削除するスクリプトを、BashとFishシェルでそれぞれ実装する方法について説明します。

必要なツール

ImageMagick (convert コマンドが使用されます)

Fishのスクリプト

コード

for img in /*.PNG /*.png /*.jpg /*.jpeg /*.JPG /*.JPEG
 set name (basename $img .(string split -r -m1 '.' $img)[2])
 set dir (dirname $img)
 set new_path $dir/$name.webp
 convert $img $new_path
 rm $img
end

ワンライナー

for img in /*.PNG /*.png /*.jpg /*.jpeg /*.JPG /*.JPEG; set name (basename $img .(string split -r -m1 '.' $img)[2]); set dir (dirname $img); set new_path $dir/$name.webp; convert $img $new_path; rm $img; end

Bashのスクリプト

コード

#!/bin/bash
find . -type f \( -iname '*.png' -o -iname '*.jpg' -o -iname '*.jpeg' \) -exec sh -c '
 f="{}"
 d=$(dirname "$f")
 b=$(basename "$f")
 nf="${d}/$(basename "${b%.*}").webp"
 convert "$f" "$nf"
 rm "$f"
' \;

ワンライナー

find . -type f \( -iname '*.png' -o -iname '*.jpg' -o -iname '*.jpeg' \) -exec sh -c 'f="{}"; d=$(dirname "$f"); b=$(basename "$f"); nf="${d}/$(basename "${b%.*}").webp"; convert "$f" "$nf"; rm "$f"' \;

結論

以上がBashとFishで.PNG, .png, .jpg, .jpeg, .JPG, .JPEG ファイルを.webpに変換するスクリプトの書き方です。これにより、簡単に画像ファイルの形式を変更することができます。

fish,bashでのPNGとJPGファイルのWebPへの一括変換

Wed, 26 Jul 2023 14:28:43 +0900

単純な内容だけれどよく使うかつよく忘れるので。これ、本当はBardに書かせようと思っていたんだよね。でも、Bardはfishスクリプトだと言っているのにBashのスクリプトしか書いてくれなかった。あと日本語も通じづらくて、かなり明確に指示してやる必要がある。結論として、ChatGPT-4にはまだ及ばないなぁ、と。アホになっているという噂のChatGPT-4だが、それでも今出ているAIチャットでは一番なんじゃないだろうか。

ということで、記事を書かせた。

イントロ

こんにちは、皆さん。

今日はLinuxシェルを使ってカレントディレクトリのPNGとJPGファイルを一括でWebP形式に変換する方法についてご紹介します。この作業は、fish shellとbashの両方で実行可能です。Macのターミナルや、Windows上のWSL2でももちろん実行可能です。

前提条件として、この記事で用いるconvertコマンドはImageMagickの一部なので、事前にシステムにインストールしておく必要があります。

Fish Shellでの変換

まず、Fish Shellを使った方法から見ていきましょう。以下のワンライナーを実行すると、カレントディレクトリの全ての.pngと.jpgファイルが.webpに変換されます。

for file in *.png *.jpg; convert $file -format webp (basename -s (string match -r "\..+" $file) $file).webp; end

このコマンドは、まず*.png *.jpgというパターンで全てのPNGとJPGファイルを選択します。そして、convertコマンド（ImageMagickの一部として提供されている）を使ってそれぞれのファイルを.webpフォーマットに変換します。

Bashでの変換

次に、Bashを使った方法を見ていきましょう。以下のワンライナーを実行すると、同様にカレントディレクトリの全ての.pngと.jpgファイルが.webpに変換されます。

for file in *.{png,jpg}; do convert "$file" -format webp "${file%.*}.webp"; done

このコマンドでは、*.{png,jpg}というパターンマッチングを使用して.pngと.jpgファイルを一度に全て選択します。そして、"${file%.*}.webp"という表現を用いて元のファイル名から拡張子を取り除き、新しい.webp拡張子を追加します。

結論

以上が、Fish ShellとBashを使ってPNGとJPGファイルをWebPに一括変換する方法です。このようなスクリプトは、特に大量の画像ファイルを効率的に変換したいときに非常に便利です。

寸評

実家のような安心感。なんだかんだでChatGPT-4パイセンが今のところナンバーワンですわ……。

fishでカレントディレクトリのすべてのpngをwebpにconvertするワンライナ
いいね。pngだけではなくjpgについてもやりたい時は？
ありがとう。ここまでの内容を、ブログの記事としてまとめてください。

質問の数もシンプル。

【Macユーザー必見】右クリックから画像をwebpに瞬時に変換しよう！

Sun, 16 Jul 2023 14:13:24 +0900

内容はタイトルのとおりで、クイックアクションを使ってwebpに変換するコマンドを作成するというもの。要はこれを作る。

これは普通に便利だよ。では以下、ChatGPT-4によるテンション高めの記事本文。

イントロ

こんにちは、今日はMacの便利な機能であるクイックアクションを使って、画像をwebp形式に変換する方法をご紹介します。この方法を使えば、画像ファイルを右クリックするだけで簡単にwebp形式に変換することができます。

手順は以下の通りです。

準備

今回の作業のための準備をしましょう。いくつかのツールを入れる必要があります。

Homebrewのインストール

まずはHomebrewをインストールします。HomebrewはMacでソフトウェアを簡単に管理するためのパッケージ管理システムです。既にインストールしてある方はこの手順をスキップしてください。ターミナルを開き、以下のコマンドを実行します。

/bin/bash -c "$(curl -fsSL https://raw.githubusercontent.com/Homebrew/install/HEAD/install.sh)"

libwebpのインストール

次に、Homebrewを使ってlibwebpをインストールします。libwebpはGoogleが開発した画像形式であるwebpへの変換ツールです。ターミナルで以下のコマンドを実行します。

brew install webp

クイックアクションの作成

Automatorを開き、「新規ドキュメント」を作成します。「ドキュメントの種類」の選択画面が表示されたら、「クイックアクション」を選択します。選択したら、下記のような設定をしますので、手順を説明します。

「ワークフローが受け取る現在の項目」の項目で「イメージファイル」を選択し、さらにその右隣の「検索対象」のドロップダウンから「Finder」を選択します。

左側のパネルから「ユーティリティ」カテゴリを開き、「シェルスクリプトを実行」を右側の空白領域にドラッグアンドドロップします。

シェルスクリプトアクションに以下のコマンドを入力します（「入力の引き渡し方法」は「引数として」に設定）。

for f in "$@"
do
 /usr/local/bin/cwebp "$f" -o "${f%.*}.webp"
done

著者注記: あらかじめ which cwebp でcwebpのパスを調べておく。 /opt/homebrew/bin/cwebpにする必要があるかも。

クイックアクションの実行

メニューバーの「ファイル」から「保存」を選び、クイックアクションに名前をつけて保存します。この名前がコマンドの名前になるため、「webpに変換」などのわかりやすい名前にしましょう。

これで準備は完了です。Finderから画像ファイルを右クリックすると、コンテクストメニューの「クイックアクション」の中に新しく作成したアクションが表示されます。選択すると、選択した画像ファイルがwebp形式に変換され、元の画像と同じ場所に保存されます。

注意点、画質と元画像の削除について

元画像の削除

注意点として、このコマンドは元の画像ファイルを保持しつつ新しいwebpファイルを作成します。元の画像を削除したい場合は、上記のシェルスクリプトにrm "$f"コマンドを追加します。これにより、変換後のwebpファイルが作成された後に元の画像が削除されます。

以下に修正したコードを示します。

for f in "$@"
do
 /usr/local/bin/cwebp "$f" -o "${f%.*}.webp"
 rm "$f"
done

このコードは元のファイルを完全に削除するため、誤って重要なファイルを削除しないように十分注意してください。実行前にバックアップを取るなど、データの安全対策を忘れずに行ってください。

画像の品質

また、出力されるwebp画像の品質はデフォルトの設定（75％）になります。品質設定を変更するには、上記のcwebpコマンドに-qオプションを追加します（例：-q 90）。

以上で、Macのクイックアクションを使って画像を簡単にwebpに変換する方法のご紹介を終えます。ぜひ試してみてください。

寸評

有能。シェルスクリプトを交えつつAutomatorを使った完全なガイド。これはGoogle検索だと中々出てこない。

以下のような質問をした。

Macのクイックアクションで、画像をwebpに変換するアクションを作成したい！
素晴らしい。完璧だ。UIは日本語のほうがよかったが、そこは僕が補足しよう。クイックアクションで画像ファイルを右クリックから手軽にwebpに変換できるようにする方法について、ブログ記事としてまとめてくれ
元の画像を削除したい場合のコードについても書いたほうがいいな。

解説のUIが思いっきり英語だったので、僕のほうで直すといったところ、なんだか日本語化しようと頑張っていたが、結果間違っていたのでそこは僕が修正した。相変わらずディテールを間違えるChatGPT。こうして人間の仕事は微調整になっていくのか……。

WSL2のUbuntuでPNGをWebPに変換する

Fri, 14 Jul 2023 00:11:50 +0900

WSL2でImageMagickを使ってpngをwebpにしようとしたところ、エラーが出た。ChatGPT-4に聞いたところ、即座に適切な答えが返ってきて感動した。

なのでそれを記事にしてもらったところ、pngをwebpに変換するという、エラー対応よりも汎用的な記事になった。エラーメッセージも本文中にあるし、こちらのほうが記事としてもよさそう。やるなChatGPT。

イントロ

本記事では、Windows Subsystem for Linux (WSL2) 上の Ubuntu 環境で PNG 画像を WebP 形式に変換する方法を説明します。このプロセスは、ImageMagick の convert コマンドと Google の cwebp ツールを使用します。

必要なツールのインストール

まずは必要なツールをインストールしましょう。今回は、画像変換ツールの ImageMagick と WebP エンコーダの cwebp を使用します。

ImageMagick は以下のコマンドでインストールできます。

sudo apt-get update
sudo apt-get install imagemagick

次に、WebP エンコーダの cwebp をインストールします。cwebp は libwebp パッケージの一部として提供されています。

sudo apt-get update
sudo apt-get install webp

これで必要なツールのインストールは完了です。

画像の変換

画像の変換は非常に簡単です。以下のように convert コマンドを使用します。

convert input.png output.webp

ここで input.png は変換したい PNG 画像のパス、output.webp は出力する WebP 画像のパスを指定します。

ただし、これを初めて実行すると、次のようなエラーが出ることがあります。

convert-im6.q16: delegate failed `'cwebp' -quiet %Q '%i' -o '%o'' @ error/delegate.c/InvokeDelegate/1919.

このエラーは、convert コマンドが cwebp ツールを使おうとしたが見つからなかったために発生します。これは通常、cwebp がシステムにインストールされていないか、パスが正しく設定されていないことを意味します。この問題は前述の手順で cwebp をインストールすることで解決します。

まとめ

今回は、WSL2 の Ubuntu 環境で PNG 画像を WebP 形式に変換する方法を見てきました。必要なツールのインストールから、実際の画像変換、そして一般的なエラーの解決方法までを網羅しました。これにより、あなたのシステムでも WebP 画像の生成が可能になり、WebP の圧縮効率と品質の良さを最大限に活用することができます。

寸評

速攻で解決して感動した。以下質問。

convertコマンドでpngをwebpに変換しようとしたら、エラーが出た。 convert-im6.q16: delegate failed `‘cwebp’ -quiet %Q ‘%i’ -o ‘%o’’ @ error/delegate.c/InvokeDelegate/1919.
WSL2のUbuntuで実行したところ、うまくいったよ。ありがとう。備忘録のために、ここまでのことを、ブログの記事としてまとめてください。

質問まったくしていない。

単一質問のシンプルなもので、ChatGPTが即座に答えてくれるうえに、コマンドなので誰でも評価できる以上、ブログ記事にする意味はあるのか？という疑義はあるが、自分の備忘録も兼ねているので。常にChatGPTが使える状況でもないし、ChatGPTもどうなるかわからないし。

WordPressにおける画像リサイズの抑制

Wed, 28 Jun 2023 23:57:16 +0900

このサイトはWordPressで構築している。WordPressではメディアをアップロードすると、複数のサイズのものが自動的に生成される。これは主にパフォーマンスのためだ。なのだが、サイトの性質によってはストレージ容量を圧迫するデメリットのほうが大きいと判断される場合もある。

ということで、自動リサイズを抑制するにはどうしたらよいか、ChatGPT-4に聞いた。

イントロ

WordPressでは、画像をアップロードすると自動的に複数のサイズが生成されます。これはテーマやプラグインがそれぞれ異なるサイズの画像を必要とするためであり、また、レスポンシブデザインを適用するためにも必要です。しかし、これらの自動生成される画像は、一部のユーザーにとっては不必要なディスク容量を占有する可能性があります。

抑制する方法

WordPressの画像生成を抑制する方法はいくつかあります：

Media Settingsを調整する: WordPressの「Settings」->「Media」から各画像サイズを0pxに設定すると、WordPressはそのサイズの画像を生成しなくなります。
プラグインを使用する: 「Stop Generating Unnecessary Thumbnails」や「Disable Media Sizes」のようなプラグインを利用すると、自動生成される画像のサイズを制御できます。
functions.phpにコードを追加する: テーマのfunctions.phpファイルに特定のコードを追加すると、特定の画像サイズの生成を停止できます。ただし、これには開発者スキルが必要であり、テーマの更新時に変更が上書きされる可能性もあります。

しかし、これらの手法を適用する際には注意が必要です。特に、現在使用しているテーマやプラグインが特定の画像サイズを必要としている場合や、レスポンシブデザインを適切に機能させるためには、これらの自動生成される画像が必要な場合があります。

特に、WordPress 4.4以降で追加された「medium_large」サイズは、メディア設定からは設定できませんが、これはモバイルやタブレットなどのデバイスでの表示性能を向上させるために重要です。このサイズを無効にすると、一部のデバイスでの読み込み速度が低下する可能性があります。

(未検証) medium_large を生成しない方法

もし「medium_large」サイズの画像も生成しないようにしたい場合は、先ほどご紹介したfunctions.phpへのコード追加の方法を利用すると良いでしょう。以下のコードをあなたのテーマのfunctions.phpファイルに追加すれば、「medium_large」サイズの画像の生成を停止できます。

add_action( 'init', 'remove_plugin_image_sizes' );
function remove_plugin_image_sizes() {
 remove_image_size( 'medium_large' );
}

ただし、これを行うと、一部のレスポンシブデザインの要素がうまく機能しなくなる可能性があるので、注意してください。

WordPressで画像のサイズを確認する方法

WordPressが自動的に生成した画像のサイズを確認するには、主に以下の2つの方法があります。

FTPクライアントまたはcPanelのファイルマネージャを使用する:

FTPクライアント（FileZillaなど）またはcPanelのファイルマネージャを使用して、サーバー上のWordPressインストールフォルダにアクセスします。
wp-content/uploadsディレクトリに移動します。このディレクトリには、アップロードされたすべてのメディアファイルが保存されています。
年と月ごとにフォルダが分けられています。新しく画像をアップロードしたら、対応する年と月のフォルダに移動します。
アップロードした画像のバリエーションを見ることができます。もし設定した通りに特定のサイズの画像が生成されていなければ、それは成功している証拠です。

WordPressのメディアライブラリから確認する:

WordPressのダッシュボードにアクセスして、「メディア」->「ライブラリ」に移動します。
アップロードした画像をクリックし、「編集」を選択します。
「ファイル URL」フィールドを見ると、画像のバリエーションが表示されます。

どちらの方法も手動で確認する方法ですが、直接サーバー上のファイルを調べる方がより確実です。

まとめ

WordPressでの画像サイズ生成は、ディスク容量と表示性能のトレードオフを考慮する必要があります。そのバランスは、サイトの内容、訪問者のデバイスの種類、ホスティング環境などによります。ディスク容量を節約することは重要ですが、それがユーザ体験の悪化を引き起こすならば、ある程度のディスク容量の増加を受け入れることが合理的な選択と言えるでしょう。

寸評

これは僕が実際にChatGPTに相談して、かつその挙動を確認したものだ。したがって内容に嘘はないはず。

結論として、僕はlarge sizeのみ抑制するようにした。というのも、メインであげる画像のsizeがlarge sizeと近かったからである。small sizeとmedium sizeについては、なくても僕の使うテーマでは挙動に問題は見られなかったものの、元画像の1/10程度まで容量が圧縮されるので、たとえ作られても全体の影響はさほどでもないと考えた。一方で、large sizeについては、元画像とあまり変わりがない。なくてもテーマには影響がなかったし、あまり意味がないと考えた。これによって、3割程度の容量を節約できる見込みだ。

ということで、このやりとりはけっこう僕にとって有意義だった。このまとめは、他のユーザにとっても有意義ではなかろうか。以下に質問を書く。

WordPressでは画像を上げると自動的に複数のサイズでリサイズされて保存されますが、それによる容量がもったいないです。抑制することはできますか。
メディアの設定による方法がもっとも簡単そうですね。それを実行するにあたって、注意すべきことはありますか。
複数のサイズが生成されていないことを実際に確認するには、どうしたらいいですか
調べてみたところ、オリジナルサイズ以外に4つのサイズができていたものが、1つまで減っていました。設定画面ではサムネイルサイズ、ミディアムサイズ、ラージサイズの3つについて設定できました。どうやら、メディア画面からは残り1つのサイズについては制御できないようですね。
なるほど。しかしメディア画面で設定できないようにしているのには、理由があるかもしれません。また、functions.phpの改修は、今後のメンテナンスを考えるとできれば避けたいところです。容量が1.5倍ほどになってしまうのは少し痛いですが、これくらいは受容すべきかもしれません。
ここまでの議論を、記事にまとめてください。
確認方法についても、以下にまとめてください。

確認方法をスキップするのは非常によろしくなかったが、指摘すれば書いてくれる。

画像処理 on AIによる技術記事 備忘録

Pythonで画像をサムネ用に16:9アスペクト比にする空白のパディング追加

スクリプトの概要

ライブラリのインストール

スクリプトのコードと解説

コードの詳細解説

1. ライブラリのインポート

2. 関数の定義

3. 画像の読み込みと元サイズの取得

4. 新しいサイズの計算

5. パディングの追加

6. WebP形式で保存

7. コマンドライン引数の処理

8. 入力ファイルの存在確認

使用例

コマンドラインでの実行

実行結果

応用例と拡張

結論

JPGなど画像ファイルを圧縮したCBZ,ZIPファイルをPDFに変換する

必要なツール

手順

CBZファイルを解凍する

画像をPDFに変換する

スクリプト化

まとめ

カレントディレクトリ以下のすべてのpng,jpgをwebpに変換するシェルスクリプト

スクリプトの提示

スクリプトの実行方法

スクリプトの主要部分解説

1. 画像ファイルの検索

2. 画像の並列変換

3. 画像変換関数 convert_image

トラブルシューティング

1. GNU parallelが見つからない

2. ImageMagickのconvertコマンドが機能しない

3. スクリプトが特定の画像ファイルを見つけられない

参考資料

サブディレクトリ下の画像ファイルをwebp形式に変換するシェルスクリプト

はじめに

必要なツール

Fishのスクリプト

コード

ワンライナー

Bashのスクリプト

コード

ワンライナー

結論

fish,bashでのPNGとJPGファイルのWebPへの一括変換

イントロ

Fish Shellでの変換

Bashでの変換

結論

寸評

【Macユーザー必見】右クリックから画像をwebpに瞬時に変換しよう！

イントロ

準備

Homebrewのインストール

libwebpのインストール

クイックアクションの作成

クイックアクションの実行

注意点、画質と元画像の削除について

元画像の削除

画像の品質

寸評

WSL2のUbuntuでPNGをWebPに変換する

イントロ

必要なツールのインストール

画像の変換

まとめ

寸評

WordPressにおける画像リサイズの抑制

イントロ

抑制する方法

(未検証) medium_large を生成しない方法

WordPressで画像のサイズを確認する方法

まとめ

寸評

画像処理 on AIによる技術記事備忘録

3. 画像変換関数 `convert_image`