🖼️
画像エディタ の使い方
ブラウザ上で複数の画像をレイヤーとして重ね合わせ、位置・大きさ・不透明度・枠線を調整して合成画像を作成できるエディタです。
操作手順
1
画像レイヤーを追加する
左サイドバーの「レイヤーを追加」から画像をアップロードします。複数枚を同時に追加でき、自動でキャンバス枠内にフィットします。
2
モードを切り替えて編集する
上部ツールバーの「選択」「移動」「ズーム」の各モードを使い分けて、レイヤーの位置やサイズをドラッグ操作で直感的に調整します。
3
レイヤーの設定を調整する
右サイドバーで重なり順の上下移動、表示/非表示の切り替え、不透明度（0〜100%）の調整、枠線（太さ0〜40px、カラーピッカー/スポイト）の設定ができます。
4
キャンバスの設定を変更する
キャンバスのアスペクト比（1:1、16:9、9:16、4:3、3:4、カスタム）、背景色、最大解像度、出力フォーマット（PNG/JPEG）、ターゲット容量（0.5〜10.0MB）を設定できます。
5
仕上がりを確認して保存する
「仕上がり確認」ボタンで完成状態をプレビューし、「成果物を保存」で画像をダウンロードします。
💡 ちょっとしたヒント
- ブラウザの「EyeDropperスポイト機能」に対応しているので、画面上の色をワンクリックで取得できます。
- JPEG出力の場合、ターゲット容量に収まるよう品質が自動最適化されます。
基本的な画面の見方
- ●画面上部（タイトル部分）
現在開いているゲーム・ツールの名前が表示されています。
- ●画面中央（メインエリア）
実際に遊んだり、操作を行うメインの画面です。
- ●画面下部・サイド（設定エリア）
詳細な設定（回数や名前の変更など）ができるボタンやメニューが配置されています。