写真編集ツール

いいえ。すべての編集はcanvas APIを使ってブラウザ内のローカルで行われます。写真ファイルがお使いの端末から出ることは一切ありません。

切り抜き(1:1、4:3、16:9、9:16の比率、または自由指定)、傾いた写真の水平補正、回転・反転、正確な幅と高さへのリサイズ、ワンクリックの自動補正とリアルタイムヒストグラム、トーン調整用のトーンカーブツール、明るさ・コントラスト・彩度・色相・ぼかしの調整に加えて上級者向けツール(レベル、露出、鮮やかさ、シャープ化、ビネット)、ワンクリックフィルター(ビビッド、白黒、ヴィンテージ、クール、ウォーム、フェード、フィルムノワール、ゴールデン)の適用、独自の不透明度・硬さスライダーを持つブラシによるフリーハンド描画や消しゴム、最近使った色/保存済みの色の共有パレットからの色選び、移動・編集可能なテキスト(12種類のフォント、行間・文字間隔・アーチ状のカーブ・任意の縁取りと影付き)や図形(長方形、楕円、直線、星、矢印)の追加(単色、線形グラデーション、放射状グラデーション、またはドット/ストライプ/市松模様パターンの塗りつぶし)、任意の整列グリッドまたはドラッグ可能なガイド線へのスナップ、自動選択ツール(平滑化と反転オプション付き)・矩形・なげなわによる写真の一部選択、任意のレイヤー(図形・テキスト・画像)への非破壊レイヤーマスクの追加、クリック可能な編集履歴リストから任意の時点へのジャンプ、サイズプリセットを使った一般的なSNSやエクスポート用サイズへの直接リサイズ、テキストまたはロゴの透かし(一度だけの配置または写真全体への繰り返し)とダウンロード限定の単色/二重/角丸/ポラロイド/フィルムストリップ/影付き枠の焼き込み、キーボードショートカットによる拡大とスペースキー・ミニマップによる移動、そして任意のレイヤーの並べ替え・複製・削除・不透明度や合成モード(16種類、乗算やスクリーンからトーンや輝度まで)の調整です。

はい。ファイル、編集、画像、レイヤー、フィルター、表示、ウィンドウの各メニューが一番上にあり、下のツールバーやパネルとまったく同じ機能にアクセスできます。

「図形を塗りつぶす」を有効にして塗りつぶしスタイルを選びます。単色(1色)、線形または放射状グラデーション(どちらも図形のメインカラーから2番目の色「A」へ混ざり合います。線形は図形の幅に沿って、放射状は中心から外側へ)、またはパターン(ドット、ストライプ、市松模様のいずれかをメインカラーと色「A」で繰り返し、サイズはスケールスライダーで調整)から選べます。図形ツールのオプションで描画前に選ぶことも、後から選択中のレイヤーパネルで変更することもでき、調整中は常にリアルタイムで再描画されます。

線形は図形の一方の角から対角へ、直線的に滑らかに混ざります。放射状は図形の中心から縁に向かって円形に混ざり、まるで光や スポットライトのように見えます。どちらも図形のメインカラーを開始色、色「A」を終了色として使います。

はい。キャンバス上部のサイズバーで新しい幅と高さを入力し(任意で比率を固定)、「リサイズ」を押すと画像自体がその正確なピクセルサイズに拡大縮小されます。

設定した角度でフレーム全体を再び覆うのにちょうど必要な分だけ写真を拡大し、その分を切り取ります。デスクトップ版エディターの水平補正ツールと同じ手法です。スライダーをドラッグしてリアルタイムに確認でき、「適用」を押すまでは写真に何も確定されません。

はい。テキストレイヤーを選択し、選択中のレイヤーパネルで「縁取り」(独自の色と太さ)または「影」(色とぼかし量)を有効にしてください。どちらもデフォルトでは無効なので、有効にするまで既存のテキストの見た目は変わりません。

はい。テキストレイヤーの「文字設定」セクションにある「カーブ」スライダーで、円弧に沿って行を曲げられます。正の値で上向きのアーチ、負の値で下向きのアーチになります。デフォルトは0(まっすぐ)で、同じくテキストレイヤーごとに調整できる行間・文字間隔と一緒に機能します。

写真自体のヒストグラムを読み取り、黒点・白点・露出をトーンレンジ全体を活かすように設定し、さらに控えめな鮮やかさの引き上げも、すべてワンクリックで行います。これはあくまで出発点であり、決定版の答えではありません。触れられる各スライダー(コントラストやトーンカーブツールなど触れられないものも含む)は、その後も完全に調整可能で、テキスト・図形・描画のレイヤーには一切影響しません。

現在の写真の各明るさレベルにどれだけのピクセルが分布しているかを、赤・緑・青に分けてリアルタイムに示したグラフです。左端や右端に張り付いたピークは、影やハイライトのディテールが失われていることを意味し、「レベル」の黒点・白点やトーンカーブツールでそのディテールを取り戻せることがあります。編集中はその時点でエクスポートされる正確な画像を反映し、リアルタイムに更新されます。

レベルや露出などのスライダーは、それぞれ写真全体を一様に動かします。トーンカーブツールでは、1つのポイントをドラッグして特定のトーン範囲(例えば影の部分だけ)を明るく・暗くしながら、カーブの残りの部分は黒と白に固定しておけます。これはスライダーだけではできないことです。「カーブをリセット」を押すと直線に戻り、効果なしの状態になります。

画面上の整列グリッド(間隔は10、20、40、80pxから選択)の表示・非表示を切り替え、新規または移動した図形・テキスト・画像をそこにスナップさせます。マウスに触れずGキーで有効にすることもできます。これは画面上だけのガイドで、ダウンロードした写真には一切表示されず、フリーハンドのブラシ描画には影響しません。

「+水平ガイド」と「+垂直ガイド」(ツールバーまたは「表示」メニュー)は、キャンバスに水平・垂直の線を落とし、新規または移動した図形・テキスト・画像をそこにスナップさせます。固定間隔のグリッドでは届かない正確な位置に何かを揃えたいときに便利です。ガイドをドラッグして位置を変え、ダブルクリックするか写真の外に出すと削除でき、「ガイドを削除」ですべてを一度に消せます。グリッドと同じく画面上だけのもので、ダウンロードした写真には一切表示されません。

幅・高さの入力欄の横にあるドロップダウンで、ワンクリックで一般的なエクスポートサイズ(Instagram投稿・縦長・ストーリー、Facebook、X/Twitter、YouTubeサムネイル、LinkedIn、Pinterest)に直接リサイズできます。横の「幅/高」欄と「リサイズ」ボタンと同じ方法でリサイズされるため(比率が合わない写真はその比率に合わせて引き伸ばされます)、歪ませたくない場合は先に該当する比率で切り抜いてください。

はい。「ファイル」→「透かし…」でテキストの透かし(名前、サイト、ユーザー名など)を有効にするか、自分のロゴに切り替えられます。角または中央への配置(または写真全体への繰り返し)、色(テキストのみ)、サイズ、端からの余白、不透明度を選べます。ダウンロードまたは保存の瞬間にのみ適用され、編集中の写真には決して反映されないので、作業内容を透かしなしで確認しやすく、後から取り除くのも簡単です。

はい。「ファイル」→「透かし…」でモードを「ロゴ画像」に切り替え、画像ファイル(PNG、JPEG、WebP)を選んでください。写真と同じく完全にブラウザ内で読み込まれ、どこにもアップロードされません。「サイズ」スライダーで写真の幅に対する割合として比例拡大縮小され、テキストの透かしと同様に角・中央への配置や、写真全体への繰り返し配置ができます。

角に1つだけ配置するのではなく、写真全体に斜めに繰り返し配置されたパターンを有効にします。画像素材サイトのプレビューを保護しているのと同じスタイルです。テキストとロゴどちらの透かしでも使え、有効にすると、もう適用されない単一配置のコントロール(位置、余白)は非表示になります。

はい。「ファイル」→「額縁/枠線…」では、単色の枠、2色の二重枠(外側と内側で別々の色と太さを設定可能)、角丸、キャプション付き(任意)のポラロイド枠、上下にパーフォレーションのあるフィルムストリップ枠、そして写真を背景色の上に配置して柔らかい影を添え「浮いたカード」のように見せる影スタイルが用意されています。設定中はキャンバス上でリアルタイムに確認でき、どれも透かしと組み合わせられます。その場合、透かしは元の写真ではなく枠付けされた最終画像の角に配置されます。

単色枠、二重枠、ポラロイド、フィルムストリップ、影の各スタイルは、写真の周りに実際のピクセルを追加するため、ダウンロードされるファイルは編集中のキャンバスより大きくなります(例えば24pxの単色枠は幅と高さにそれぞれ48pxを追加します)。角丸は例外で、余白を追加せず、写真自体の角を切り取るだけです。

はい。「履歴」タブ(「レイヤー」の隣)には、これまでの編集操作が順番にすべて一覧表示されます。任意の項目をクリックすると直接そこへジャンプできます。これはCtrl+ZやCtrl+Yがたどっているのと同じ元に戻す・やり直すの履歴で、すべての過去の状態が一度に見えて、クリックできるだけです。

クリックした場所の色と、それにつながっていて「許容範囲」の設定内にある部分をすべて選択します。「隣接していなくても一致するすべての色を選択」を有効にすると、接していなくても写真内で一致するすべてのピクセルを拾えます(散らばった色をすべて選びたいときに便利です)。「境界のぼかし」は選択範囲の縁を指定したピクセル数だけぼかすので、「消去」を使ったときに硬い切り取り線ではなく徐々に消えていきます。「選択範囲を反転」は選択していなかった部分すべてに切り替わるので、単色の背景をクリックして反転、消去とすれば、複雑な被写体を手でなぞらずに2ステップで切り抜けます。

図形・テキスト・画像レイヤーの一部を、実際のピクセルに手を加えずに隠したり表示したりする方法です。選択中のレイヤーパネルから追加し、「隠す」または「表示する」ブラシで塗ります。後からいつでも塗り直したり、反転したり、削除したりでき、下にある写真には一切影響しません。(フリーハンドのブラシや消しゴムの筆致にはマスクのオプションがありません。消しゴムツール自体がすでに直接編集しているためです。)

はい。「レイヤー」パネルで2つ以上のレイヤーにチェックを入れ、「選択項目をグループ化」を押すと、名前付きの折りたたみ可能なフォルダにまとまります。キャンバス上でグループ化されたレイヤーをクリックすると、グループ全体が選択・移動されます。グループを非表示・ロックすると、中の各レイヤー自体の設定を変えずにすべて非表示・ロックされます。「グループ解除」でレイヤーは最上位に戻り、グループを削除すると中身ごと削除されます。

「不透明度」は描いている最中の新しい筆致がどれだけ透明かを決めます。100%では完全に不透明、値を下げると下の写真が透けて見えます。「硬さ」は筆致の縁の柔らかさを調整します。100%ではくっきりとした硬い縁(これらのスライダーが存在する前と同じ状態)になり、値を下げるとエアブラシのような柔らかいにじみになります。どちらも新しい筆致にのみ適用され、すでに描いたものは変わりません。

ブラシ、図形、スポイトの各パネルに表示され、3つとも同じパレットを共有しています。どのスウォッチをクリックしても、それらすべてで現在の色として設定されます。「最近使った色」は色を選ぶたびに自動的に埋まり、エディターを開くたびにリセットされます。「保存済み」は意図的に選んだお気に入りのリスト(+ボタンで現在の色を追加)で、次回訪問時にも記憶されています。

はい。各レイヤー(および各グループ)は「レイヤー」パネル内にそれぞれ独自の目のアイコンと鍵のアイコンを持っています。非表示のレイヤーは、再び表示するまでキャンバスからもエクスポートされた画像からも消えます。ロックされたレイヤーはキャンバス上から移動・編集・削除できませんが、パネルで選択してロックを解除することはできます。

はい。「レイヤー」パネルで任意のレイヤーやグループの名前をダブルクリックすると、その場で編集できます。Enterで保存、Escapeでキャンセルします。

はい:V(選択)、W(自動選択)、M(矩形)、L(なげなわ)、I(スポイト)、C(切り抜き)、B(ブラシ)、E(消しゴム)、T(テキスト)、R(長方形)、O(楕円)、K(直線)、S(星)、A(矢印)に加え、G(グリッド)、Ctrl/Cmd+Zと+Yで元に戻す・やり直す、Ctrl/Cmd+X・C・Vで切り取り・コピー・貼り付け、Deleteで選択中のレイヤーを削除できます。Ctrl/Cmd+Xは文脈によって挙動が変わります。矩形やなげなわの選択範囲がある場合はそのピクセル選択を切り取り、なければ選択中のレイヤーを切り取ります。ショートカットのある各メニュー項目はドロップダウン内(編集・レイヤーメニュー)にそれを表示し、ツールバーの各ボタンもその文字をツールチップに表示します。

はい。完全な元に戻す・やり直す(Ctrl+Z / Ctrl+Yも使用可)に加えて、アップロードしたオリジナルの状態に戻すワンクリックの「リセット」もあります。

PNGまたはJPEGで、JPEGには調整可能な画質スライダーがあり、画質とファイルサイズのバランスを取れます。

はい。ツールバーは横並びのレイアウトになり、サイドパネルは小さい画面ではキャンバスの下に配置され、タッチによるドラッグはエディター全体で使えます。

ズーム比率の横にある−・+ボタンや「フィット」を使うか、キーボードショートカットのCtrl/Cmd+=で拡大、Ctrl/Cmd+-で縮小、Ctrl/Cmd+0で写真全体をウィンドウに合わせられます。画面に収まらないほど拡大した場合は、スペースキーを押しながらドラッグすると(カーソルが手の形になり移動が有効であることを示します)、使用中のツールを切り替えずに表示位置を移動できます。

ナビゲーターです。写真全体を縮小表示し、現在表示されている範囲をハイライトした四角で示す小さなビューです。写真全体が画面に収まらないほど拡大したときにのみ表示され、そこをクリックまたはドラッグすると、メインビューがその場所に直接移動します。手でスクロールするより速いことが多いです。