【初心者向け】画像のサイズ設定をワンクリックで変更できるプラグイン
![](https://blogcake.net/wp-content/uploads/2023/03/webui-ar.jpg)
こんにちは、画像生成AIでひたすら猫のイラストを生成している じょじお(@jojio‗illust)です。
今回もStable Diffusionの記事です。
画像のサイズ設定(縦幅・横幅)をワンクリックで簡単に変更する便利なプラグインについて紹介します。
![](https://blogcake.net/wp-content/uploads/2023/02/eagle-eyecatch-300x158.jpg)
▲AI画像の大量ファイルをプロンプトと一緒に簡単に整理する方法はこちら。
Stable Diffusionのプロンプトエンジニアリングの基本について理解したい方には、初心者向けのプロンプトガイドを作りましたのでそちらを見てください!
![](https://blogcake.net/wp-content/uploads/2023/03/stable-diffusion-prompt-guide2-300x158.jpg)
画像のサイズ設定をワンクリックで変更する方法は?
![Stable diffusion で生成した画像](https://blogcake.net/wp-content/uploads/2023/03/2799803958-masterpiece-best-quality-a-girl-face-shot-updo.jpg)
WebUIの従来の画像サイズ(Width、Height)の変更方法
現在、Stable Diffusion automatic1111さんのWebuiでは、画像サイズの変更をするには下記の方法があります。
![Stable Diffusion WebUI Aspect Ratio selectorの使い方](https://blogcake.net/wp-content/uploads/2023/03/2023-03-29_14h19_36.jpg)
- スライダーで変更する。
- 数値を直接入力する。
スライダー調整は微妙な調整がしずらく、途中でサイズを変更する際に、ちょっと煩わしく感じることがあります。
そんなあなたにおすすめなのが、サイズ変更を簡単に行うことができる「Stable Diffusion WebUI Aspect Ratio selector」です。
便利なプラグイン:Stable Diffusion WebUI Aspect Ratio selector
![Stable Diffusion WebUI Aspect Ratio selector](https://blogcake.net/wp-content/uploads/2023/03/2023-03-28_20h41_27.jpg)
「Stable Diffusion WebUI Aspect Ratio selector」は、Webui上に、ワンクリックでサイズ変更を行うためにボタンを設置できるWebUIの拡張機能です。
Stable Diffusion WebUI Aspect Ratio selectorのメリット
Stable Diffusion WebUI Aspect Ratio selectorのメリットは、ワンクリックで画像サイズを変更できる点です。
現在のWidthかHeightの数値を基準に2:3のアスペクト比に設定変更したり、予め用意されたサイズへ変更したりすることができます。
ユーザーによるボタンのカスタマイズも可能です。
![](https://blogcake.net/wp-content/uploads/2023/02/jojio-profile-small-150x150.jpg)
よく使うサイズのボタンをあらかじめ作っておけばワンクリックでサイズ変更できるってわけです。
【Stable Diffusion WebUI Aspect Ratio selector】インストール方法
![Stable diffusion automatic1111 WebUIの拡張機能](https://blogcake.net/wp-content/uploads/2023/03/2023-03-29_11h09_18.jpg)
![Stable diffusion automatic1111 WebUIの拡張機能](https://blogcake.net/wp-content/uploads/2023/03/2023-03-29_11h09_18.jpg)
▲WebUIを開き「Extention」タブをクリック
![Stable diffusion automatic1111 WebUIの拡張機能](https://blogcake.net/wp-content/uploads/2023/03/capture_01-7.jpg)
![Stable diffusion automatic1111 WebUIの拡張機能](https://blogcake.net/wp-content/uploads/2023/03/capture_01-7.jpg)
▲「Available」タブをクリック、「Load From」をクリック。
![Stable Diffusion WebUI Aspect Ratio selectorの使い方](https://blogcake.net/wp-content/uploads/2023/03/2023-03-29_14h31_57.jpg)
![Stable Diffusion WebUI Aspect Ratio selectorの使い方](https://blogcake.net/wp-content/uploads/2023/03/2023-03-29_14h31_57.jpg)
▲Aspect ratio selectorを探して、Installボタンを押します。
インストール後、Webuiを再起動してください。
【Stable Diffusion WebUI Aspect Ratio selector】使い方
![](https://blogcake.net/wp-content/uploads/2023/03/2023-03-29_14h34_12.jpg)
![](https://blogcake.net/wp-content/uploads/2023/03/2023-03-29_14h34_12.jpg)
▲Aspect ratio selectorをインストールするとtxt2txtタブとtxt2imgタブに上図のようなボタンが表示されます。ここから画像サイズを変更します。
デフォルトでは、ボタンが7つあります。上半分のボタングループはと、
- 上のボタングループは、アスペクト比で調整
- 下のボタングループは、固定サイズで調整
1.アスペクト比で調整する方法
上半分のボタングループは、アスペクト比で調整できます。
![](https://blogcake.net/wp-content/uploads/2023/03/2023-03-29_14h44_21.jpg)
![](https://blogcake.net/wp-content/uploads/2023/03/2023-03-29_14h44_21.jpg)
▲例えばHeight数値512、Widthが2048とかの適当な数値にしてから、
![](https://blogcake.net/wp-content/uploads/2023/03/2023-03-29_14h45_06.jpg)
![](https://blogcake.net/wp-content/uploads/2023/03/2023-03-29_14h45_06.jpg)
▲3:2のボタンを押してみると、
![](https://blogcake.net/wp-content/uploads/2023/03/2023-03-29_14h45_39.jpg)
![](https://blogcake.net/wp-content/uploads/2023/03/2023-03-29_14h45_39.jpg)
▲このようにHeightのサイズを基準にして、3:2の比率になるようにWidthの数値を変更してくれます。
![](https://blogcake.net/wp-content/uploads/2023/02/jojio-profile-small-150x150.jpg)
![](https://blogcake.net/wp-content/uploads/2023/02/jojio-profile-small-150x150.jpg)
![](https://blogcake.net/wp-content/uploads/2023/02/jojio-profile-small-150x150.jpg)
アスペクト比の計算をしなくて済みますので便利です。
2.定義済み固定サイズで調整する方法
![](https://blogcake.net/wp-content/uploads/2023/02/jojio-profile-small-150x150.jpg)
![](https://blogcake.net/wp-content/uploads/2023/02/jojio-profile-small-150x150.jpg)
![](https://blogcake.net/wp-content/uploads/2023/02/jojio-profile-small-150x150.jpg)
下半分のボタングループは固定サイズです。
デフォルトでは、それぞれ下記の対応になっています。
- ボタン1:512 x 512
- ボタン2:768 x 512
- ボタン3:403 x 716
↑W x H
【Stable Diffusion WebUI Aspect Ratio selector】ボタンをカスタマイズする方法
![](https://blogcake.net/wp-content/uploads/2023/02/jojio-profile-small-150x150.jpg)
![](https://blogcake.net/wp-content/uploads/2023/02/jojio-profile-small-150x150.jpg)
![](https://blogcake.net/wp-content/uploads/2023/02/jojio-profile-small-150x150.jpg)
ボタンの設定はカスタマイズ可能です。
ためしにオリジナルボタンをつくってみます。
Aspect Ratio selectorの2つの設定ファイル
![](https://blogcake.net/wp-content/uploads/2023/02/jojio-profile-small-150x150.jpg)
![](https://blogcake.net/wp-content/uploads/2023/02/jojio-profile-small-150x150.jpg)
![](https://blogcake.net/wp-content/uploads/2023/02/jojio-profile-small-150x150.jpg)
ボタンの設定は下記の2つのテキストファイルを編集することで可能です。
- アスペクト比ボタン用のファイル(上のボタングループ用)
- (あなたがWebuiをインストールした場所)\stable-diffusion-webui\extensions\sd-webui-ar\aspect_ratios.txt
- 固定サイズ用のファイル(下のボタングループ用)
- (あなたがWebuiをインストールした場所)\stable-diffusion-webui\extensions\sd-webui-ar\resolutions.txt
Aspect Ratio selectorのカスタムボタンの作り方
![](https://blogcake.net/wp-content/uploads/2023/02/jojio-profile-small-150x150.jpg)
![](https://blogcake.net/wp-content/uploads/2023/02/jojio-profile-small-150x150.jpg)
![](https://blogcake.net/wp-content/uploads/2023/02/jojio-profile-small-150x150.jpg)
私は個人的によく使う縦長サイズのアスペクト比2:3用のボタンを作ってみました。
![Stable Diffusion WebUI Aspect Ratio selectorの使い方](https://blogcake.net/wp-content/uploads/2023/03/2023-03-29_14h53_22.jpg)
![Stable Diffusion WebUI Aspect Ratio selectorの使い方](https://blogcake.net/wp-content/uploads/2023/03/2023-03-29_14h53_22.jpg)
▲aspect_ratios.txtファイルに1行追加してみました。
![Stable Diffusion WebUI Aspect Ratio selectorの使い方](https://blogcake.net/wp-content/uploads/2023/03/2023-03-29_14h59_39.jpg)
![Stable Diffusion WebUI Aspect Ratio selectorの使い方](https://blogcake.net/wp-content/uploads/2023/03/2023-03-29_14h59_39.jpg)
▲テキストファイルを上書き保存して、Webuiをリロードすると、WebUI上にボタンが追加されます。デフォルトでは、縦長サイズのボタンがないので2:3サイズがあると便利です。
![](https://blogcake.net/wp-content/uploads/2023/02/jojio-profile-small-150x150.jpg)
![](https://blogcake.net/wp-content/uploads/2023/02/jojio-profile-small-150x150.jpg)
![](https://blogcake.net/wp-content/uploads/2023/02/jojio-profile-small-150x150.jpg)
このようによく使うサイズのボタンを作っておくと便利です。
Aspect Ratio selectorの2つの設定ファイルの構文
aspect_ratios.txtの構文
ボタンラベル, 数値 #シャープ以降はメモ用にコメントアウトとして利用できる。
例:
2:1, 2.0 #widthがHeightに2.0をかけた数字になります。つまり2:1。
resolutions.txtの構文
ボタンラベル, 横幅, 縦幅 #シャープ以降はメモ用にコメントアウトとして利用できる。
例:
ボタンA, 403, 716 #テスト用のボタンです。
参考
https://github.com/alemelis/sd-webui-ar
便利なプラグイン
![](https://blogcake.net/wp-content/uploads/2023/03/webui-preset-eyecatch-300x158.jpg)
![](https://blogcake.net/wp-content/uploads/2023/03/webui-preset-eyecatch-300x158.jpg)
まとめ
以上、Webuiの便利な拡張機能について紹介しました。
![](https://blogcake.net/wp-content/uploads/2023/02/jojio-profile-small-150x150.jpg)
![](https://blogcake.net/wp-content/uploads/2023/02/jojio-profile-small-150x150.jpg)
![](https://blogcake.net/wp-content/uploads/2023/02/jojio-profile-small-150x150.jpg)
最後まで読んでくださってありがとうございます!
この記事がお役に立てましたら、シェアボタンからシェアしていただけたら嬉しいです!
コメント