画像を重ねる — レイヤーエディタ

ブラウザで直接複数の画像とテキストを結合する

ここに画像をドロップ ✨
すべてはあなたのブラウザでローカルに動作します。格子状のエリアに画像をドラッグ&ドロップしてください。PNG(透過)またはJPEG(背景あり)としてエクスポートしてください。

UtiliAppのメリット

  • 100% 無料
  • ブラウザで動作します
  • 未登録
  • 削除済みファイル

使い方

  1. 1.

    ファイルを送信

    「画像を追加」をクリックするか、グリッドエリアに複数の画像をドラッグ&ドロップします。

  2. 2.

    レイヤーを整理する

    移動、リサイズ、回転。前/後/上/下を使用して並べ替え、サイドパネルを使用して名前を変更、非表示、またはブロックします。

  3. 3.

    テキストを追加

    テキスト ボタンを使用してテキストレイヤーを挿入します。プロパティで不透明度と角度を調整します。

  4. 4.

    フレームを調整

    フレームの幅 × 高さ(最終サイズ)を設定します。比率を維持するにはアスペクト比を選択し、背景または透明を選択してください。

  5. 5.

    出力スケールを設定

    スケールは、エクスポートされたファイルのフレームのサイズを乗算します(例:2 = 200%)。

  6. 6.

    エクスポートまたは保存

    PNG形式でエクスポート(透明性をサポート)またはJPEG形式でエクスポート(背景色を使用)。後で続けるために、.json 形式でプロジェクトを保存または読み込んでください。

よくある質問

最初の画像はサイズを定義しますか?

はい。最初の画像を追加すると、枠はその画像のサイズになります。後でサイズ(幅×高さ)で変更できます。

PNGは透明性を保ちますか?

はい。PNGの場合、透明をオンにしておくことができます。JPEGの場合、透過はサポートされていません — 背景色が使用されます。

私のプロジェクトをどうやって保存しますか?

レイヤーを含む .json をダウンロードするには、プロジェクトを保存してください。その後、編集を続けるには、それを読み込んでください。

サイズの制限はありますか?

パフォーマンスのため、キャンバスは1辺あたり64〜8000pxを受け付けます。サイズが大きいものやレイヤーが多い場合、ブラウザのメモリをより多く消費します。

元に戻せますか/やり直せますか?

はい。元に戻す/やり直すボタンを使うか、Ctrl+Z / Ctrl+Y のショートカットを使います(Shift+Ctrl+Z)。

処理はファイルをサーバーに送信しますか?

いいえ。すべてはあなたのブラウザ内でローカルに処理されます。

あなたのファイルはローカルで処理され、削除されます。

編集のコツ

  • リサイズ時にオブジェクトに“Travar proporção”を適用して歪みを避ける。
  • 準備済みのレイヤーをロックして、誤って移動しないようにします(パネルの「ロック」オプション)。
  • レイヤーに名前を付けて、リストで見つけやすくします。

レイヤーと履歴

履歴には追加、変更、削除が記録されます。何かが元の場所からずれてしまった場合は、元に戻す機能を使って以前の状態に戻してください。

輸出

  • PNGはロゴや透明な要素に最適です。
  • JPEG は写真のファイルサイズを小さくします。背景色を選択してください。
  • 「Escala」はエクスポート時のみフレームのサイズを拡大します。高解像度の画像を生成するのに役立ちます。

便利なショートカット

Ctrl+Z 元に戻す • Ctrl+Y やり直す • Del 削除 • Shift 矢印キーで10px動かす