記事に写真を一枚添えたいだけなのに、サイズを直すうちに作業が広がってしまう。そんなときは、編集ソフトを開く前に「この画像をどこで使うか」を書き出すと、必要な操作を選びやすくなります。ブラウザで使える創作ツールをまとめたCraft Appsを見ながら、ブログの写真を準備する手順を考えてみました。
ここで紹介するのは、公開ページとエディタの入口を確認した範囲の使い方です。実際の写真を読み込んで加工したり、完成画像を書き出したりした比較テストではありません。操作前に確かめられる項目と、手元のファイルで確認すべき項目を分けておくと、期待だけでツールを選ばずに済みます。

公開ホームページ。画像、デザイン、文書など、作業の種類からツールを探せます。
写真の役割を一文で書く
たとえば、旅の記事なら「店の雰囲気が伝わる横長の写真」、手作り作品の記録なら「細部が見える寄りの写真」と決めます。同じ元画像でも、役割によって残したい範囲は違います。先に用途を決めておけば、何となく明るさや色を触り続けるのを防げます。
その一文の横に、掲載先で必要な横幅、縦横比、文字を入れるかどうかをメモします。読者がスマートフォンで見る場面も想像しておきます。細い文字や小さな注釈を写真の中に詰めると、画像を縮小したときに読めなくなることがあるためです。説明は本文に置くという選択肢も残しておきます。
料理写真なら皿の縁をどこまで残すか、作品写真なら背景まで見せるかを先に考えます。この段階では、まだ画像を変更する必要はありません。必要な仕上がりを短く言葉にするだけでも、編集後に見直す基準ができます。誰かに画像を渡す場合にも、そのメモがあると確認が具体的になります。
紹介ページでできることと確認待ちのことを分ける
写真向けの入口として用意されているのがphotocraftです。公開ページでは、レイヤーを使った編集、テキストや構図の調整、PSD・PNG・JPGを扱う用途が案内されています。写真に見出しを重ねたいときは、画像と文字を別々に調整できるかが検討のポイントになります。
ただし、紹介ページにある画像には「UPSTREAM EXAMPLES」と明記されています。上流プロジェクトの作例を、今回ブラウザで作成した結果として受け取らないことが大切です。Web版と上流版の機能や操作が、すべて同じであるとも限りません。見栄えのよい作例は参考になりますが、自分のファイルで同じ表現ができるかは別の確認です。

PhotoCraft の紹介ページ。掲載作品は上流プロジェクトの作例であり、今回の編集結果ではありません。
今回確認したのは、公開エディタに新規ドキュメントとファイルを開く入口があり、新規作成の画面を開けるところまでです。PSDという名前が書かれていても、手元の複雑なファイルのレイヤーや文字がそのまま再現されるとは、まだ判断できません。元のデータは残したまま、確認用の複製で試すのがよさそうです。
新規作成の設定を、掲載先のメモと照らし合わせる
新規ドキュメントの画面では、幅や高さ、解像度、RGBのビット深度、背景の設定が見えました。これらを何となく選ぶのではなく、最初に書いた用途のメモと照らし合わせます。横長の見出し画像を作るなら、その形を前提に配置を考えるほうが、最後に大きく切り落とすよりも迷いにくくなります。
背景をどうするかも、画像の置き場所と関係します。白い記事面の上で使うのか、色の付いたカードに載せるのかで、見え方は変わります。設定項目が存在することと、期待どおりの画像が完成することは別です。実際に作る段階では、保存した画像を掲載先に置いた状態まで確認したいところです。

新規ドキュメント画面で確認できた設定項目。この画面の確認では、ドキュメントの作成や書き出しは実行していません。
使い始めるときは、練習用の一枚に絞ると確認しやすくなります。写真を読み込めるか、意図した範囲を残せるか、文字を追加するなら縮小後も読めるか。その順に確かめれば、どこで困ったのかを言葉にできます。初回から何十枚もまとめて扱う必要はありません。
完成の基準に、ファイルの保存まで含める
画面の上で写真が整っても、記事に使えるファイルが手元になければ作業は終わりません。公開案内では、ファイルの読み込みとダウンロードによる保存が説明されています。一方、自動保存やブラウザを閉じた後の復元を前提に進めるべきではありません。途中のデータと掲載用の画像をどう残すか、編集を始める前に決めておきます。
保存する際には、元画像と作業用データ、掲載用の画像を見分けられる名前にしておくと、後日の差し替えが楽になります。たとえば記事のテーマと用途をファイル名に含め、完成版を別のフォルダに置きます。これは特定のソフトだけの機能ではなく、自分の作業を整理するための小さなルールです。
次に試すなら、複製した写真を一枚だけ読み込み、必要な変更を一つ行い、保存した画像をもう一度開いて確認するところまでを一組にします。そこで初めて、その用途で使い続けられるかを判断できます。見た目、ファイル形式、保存先の三つがそろっていれば、記事を書く作業にも戻りやすくなります。
ブログ用の写真づくりは、機能をたくさん使うことが目的ではありません。「この写真で何を伝えるか」と「読者に届く画像をどこへ保存するか」を決め、その間に必要な操作を選ぶ。その順番を持っておくと、新しいブラウザ編集ツールも落ち着いて試せます。