オンラインフォトエディター

写真にテキスト、ステッカー、エフェクト、フィルターを追加します。

1枚のフィルターではなく、レイヤーの積み重ね

フォトエディターは、1枚のフラットな画像ではなくレイヤーを中心に組み立てられた、ブラウザ上で動くキャンバスです。追加した写真、テキストボックス、図形、ステッカーはそれぞれ独立したオブジェクトとしてレイヤーパネルに現れ、適用したフィルターや調整もその下のピクセルを上書きするのではなく、上に重ねて置かれます。つまり、あとから見出しを打ち直したり、フィルターを差し替えたり、図形の角の半径を調整したり、レイヤーを丸ごと非表示にしたりできるということです。書き出すまでは元の画像データそのものには手が加わりません。選択範囲とマスクも同じ考え方で動きます。レイヤーにマスクを描くと、ピクセルを削除することなくその一部を隠すだけなので、あとからエッジを調整したり元に戻したりできます。ガイドを使えば異なる要素を正確に整列でき、途中で失敗しても履歴パネルで編集の手順をさかのぼれます。エディター全体はブラウザ内のキャンバス描画だけで動作し、作業中にアップロードやサーバーとの往復は発生しません。一方でこのエディターがやらないこともあります。画像の内容を生成したり修復したりする機能はありません。AIによる不要物の除去も、自動の背景切り抜きも、アップスケール機能もここには組み込まれておらず、それらは専用の処理を必要とするため、このサイトの別のツールとして用意されています。このエディターの役割は手作業による合成と調整であり、何を選択し、マスクし、描き、フィルターをかけるかはあなた自身が決めます。また単一キャンバスのワークスペースなので、フォルダーを一括処理するのではなく、一度に1つのプロジェクトを編集する仕組みです。

1回のフィルターでは足りないとき

ワンクリックで完結するツールの多くは、1つの画像に1つの効果をかけて結果を返すだけです。フォトエディターが力を発揮するのは、編集に複数の要素が絡むときです。2枚の写真を合成し、早すぎるタイミングで平坦化せずに継ぎ目をマスクしたいとき、スクリーンショットに吹き出し図形とテキストで注釈を付け、クライアントが下書きを見たあとでも位置を調整し直せるようにしておきたいとき、背景写真とロゴと見出しを共通のガイドに沿って揃えたバナーを作るときなどです。フィルターが正解かどうかまだ確信が持てないときにも役立ちます。調整は独立したレイヤーとして存在するため、オンオフを切り替えて手を加えていない元の画像と見比べたり、画像全体をやり直すことなく別のフィルターを試したりできます。また、書き出すまではすべてが編集可能な状態を保つため、プロジェクトを途中で残しておき、あとで戻ってきて、統合済みのファイルからやり直すのではなく個々のパーツをそのまま調整し続けることもできます。

マスクしたレイヤーの境界を使って複数の写真を合成する
編集可能なテキストと図形レイヤーで画像に注釈を付ける
レイヤーの表示・非表示を切り替えてフィルターや調整を比較する
ガイドを使って複数の要素を正確に整列させる

レイヤースタックを操作する

作業の流れは、エディターのUIに表示されているのと同じパネルを使い、レイヤースタックの下から上へと進みます。

1

写真を読み込みます。これがレイヤーパネルの一番下のベースレイヤーになります。さらに画像、テキスト、図形、ステッカーを新しいレイヤーとして上に追加できます

2

選択範囲を作るかマスクを描いてレイヤーの一部を切り分け、そのレイヤーにだけフィルターや調整を適用します。テキストレイヤーや図形レイヤーはそれぞれ独立して位置を調整できます

3

ガイドを使って要素を整列させ、編集がうまくいかなかった場合は履歴パネルで手順をさかのぼります

4

書き出すと、表示中のレイヤーが1枚の画像ファイルに統合されます。非表示のレイヤーは書き出しに含まれないため、書き出す前に表示状態を確認してください

よくある質問

いいえ。フォトエディターにAIによる被写体の自動削除や自動切り抜き機能はありません。ここでのマスクは、選択範囲やブラシで描くマスクを使って自分の手で操作する仕組みです。自動で背景を切り抜きたい場合は、このサイトの専用の背景削除ツールを使い、その結果を1つのレイヤーとしてエディターに読み込めば、他の要素と合成できます。
フィルターやテキスト追加は、1枚の平坦化された画像に1つの効果を適用してすぐに結果を返します。それだけで済む場合はそちらの方が速いです。フォトエディターは、すべてのフィルター、調整、テキストボックス、図形を編集可能な独立したレイヤーとして保持するため、これらの操作を複数組み合わせ、最終的な書き出しを決める前に個別に修正を重ねたい場合により適しています。
JPG、PNG、WebPといった一般的なラスター形式をレイヤーとして読み込め、統合後の結果はPNGまたはJPGとして書き出せます。すべての処理がブラウザのキャンバス上でクライアントサイドに行われるため、非常に大きな元写真や高解像度レイヤーを多く含むプロジェクトは端末のメモリを多く使い、古い、あるいは非力なハードウェアでは動作が重くなることがあります。厳密なアップロード上限はありませんが、性能はお使いの端末が処理できる範囲に左右されます。
いいえ。フォトエディターはすべてをブラウザ内でキャンバス描画を使ってローカルに処理するため、編集中に元の写真やレイヤー、編集内容が端末の外に出ることはありません。ファイルがどこかへ送られるのは、統合後の結果を明示的に書き出し・ダウンロードすると決めたときだけで、その保存先は自分のパソコンです。
ブラウザのタブを開いたままにしている間は、レイヤースタックやマスク、調整内容は編集可能な状態のまま保たれますが、統合前のレイヤー付きドキュメントを保存して将来のセッションで開き直すためのプロジェクトファイル形式はありません。書き出しは常に1枚に統合された画像を生成します。後日さらに編集を続けたい場合は、レイヤーを使った作業を一度の作業時間内に終わらせるか、保存・再開用ファイルに頼らずタブを開いたままにしておく必要があります。
書き出しは、現在表示されていて、かつキャンバスの範囲内に収まっているレイヤーだけを統合します。レイヤーパネルで非表示に切り替えたものや、キャンバスの外にドラッグしたものは出力から除外されます。これは比較用にレイヤーの別バージョンを残しておくのに便利ですが、非表示レイヤーを参照用に使っていた場合は、書き出し前に表示状態を再確認する必要があるということでもあります。
いいえ、そのフィルターや調整が独立したレイヤーとして残っている限り、あるいは統合していないレイヤーに適用されている限りは失われません。調整を削除したり差し替えたりすれば、その下のレイヤーは以前の状態に戻ります。ただし書き出してしまうと統合は確定します。書き出したファイルはレイヤースタックの情報を保持していないため、元に戻す操作は書き出す前にしか機能しません。
履歴パネルは現在のセッション内での最近の編集の流れを記録しており、作業中に選択範囲、マスク、フィルター、レイヤーの変更をさかのぼることができます。この履歴はブラウザタブのメモリ上に保持されるものであり、保存されたファイルではないため、ページを更新したりタブを閉じたりするとクリアされます。ページを離れたあとに復元できるセッションをまたいだ元に戻す履歴は存在しません。

その他の画像ツール

画像編集のニーズに応える他の強力なツールをご覧ください

画像圧縮

サイズ縮小

サイズ変更

寸法変更

画像切り抜き

領域を切り取る

形式変換

形式を変更

画像回転

画像を回転

画像反転

水平/垂直反転

透かしを追加

透かし

枠線追加

画像枠線を追加

角丸

角丸を追加

フィルター

明るさ/コントラスト

顔をぼかす

顔を隠す

モザイク

領域をぼかす

背景削除

背景を削除

画質向上

AI拡大

テキスト追加

画像にテキストを追加

コラージュ

複数の画像を結合

HTMLから画像

Webを画像に

GIF からシーケンス

フレーム抽出

画像の余白を削除

空白の縁を削除

画像を一括リネーム

ファイル名を安全に一括変更

円形切り抜き

画像を円形に切り抜き

白黒

画像をグレースケールに変換

画像分割

画像をグリッドに分割

画像結合

画像を1つに結合

DPI変更

画像のDPIメタデータを設定

画像→Base64

画像をBase64にエンコード

画像をPDFに結合

複数の画像を1つのPDFにまとめる

HEIC→JPG

iPhoneのHEIC写真をJPGに変換

EXIF除去ツール

GPS位置情報を含む写真の隠しメタデータを表示・除去

ファビコン ジェネレーター

完全なアイコンセットとHTML

カラーパレット

画像から色を抽出

Base64→画像

Base64をデコードして画像に戻す

HEIC→PNG

iPhoneのHEIC写真をロスレスでPNGに変換

文字を被写体の後ろに

写真の被写体の後ろに文字を回り込ませる。すべてブラウザ内で完結

カラーピッカー

任意のピクセルのHEX・RGB・HSLを取得

署名メーカー

署名を手書きして透過PNGでダウンロード

署名の背景削除

紙の上のインクを透過に

背景透過ツール

背景を透明にする