1
まず作業用のコピーを作る
ノートパソコン上で画像を複製し、コピーに portrait-crop などの分かりやすい名前を付けます。ブラウザーでエディターを開き、ファイルを求められた場合はコピーを使ってください。ツールがテキストプロンプトから始まる場合は、既存の写真を変更できると思い込まず、必要な新しい画像を説明してください。続ける前に、画面で実際に利用できる作業方法を確認しましょう。
ノートパソコンでの作業手順
元の画像を見失わずにノートパソコンでオンライン画像編集を使う方法
ノートパソコンでオンライン画像編集を使う方法を学ぶなら、まず、手早く見た目を変えたいのか、書き出しを慎重に管理したいのかを決めましょう。Onlineimageでは両方の進め方を紹介します。元の画像をそのまま残し、使用前に仕上がりを確認できます。
自分に当てはまるケースを選ぶ（判断表）
エディターに表示される操作項目の数ではなく、必要な仕上がりに合わせて進め方を選びましょう。
ブラウザベースのエディターを開く前に、この短い手順で何をすべきか決めましょう。
-
1
納品物を確認する
画像の掲載先と、受け取る相手がサイズ、透過、ファイル形式を指定しているかを書き出しましょう。SNS投稿用の画像と透過ロゴでは、書き出し時に確認すべき点が異なります。
-
2
進め方を選ぶ
手早い切り抜き、回転、見た目の調整には進め方Aを選びましょう。形式、透過、画質が見た目の編集と同じくらい重要なら、進め方Bを選びましょう。
-
3
保存して確認する
新しいファイル名で書き出し、ダウンロードしたファイルをエディターの外で開いて、元の画像と比較しましょう。プレビューが正しく見えても、保存したファイルも正しいとは限りません。
少し準備しておくだけで、ブラウザでの作業を元に戻しやすく、確認もしやすくなります。
必須
任意
-
動作するブラウザーとインターネット接続があるノートパソコン — ブラウザーベースのツールを開くには接続が必要です。利用できる編集機能はツールによって異なります。
-
後で見つけられる場所に保存した元画像 — 唯一のコピーを編集せず、手を加えていない元画像を残しておきましょう。
-
画像の使用先または必要な画像サイズ — サイズを推測せず、使用先の仕様を確認しましょう。
-
書き出し用の別のフォルダーまたはファイル名 — ダウンロードした画像と元画像を取り違えるのを防げます。
-
正確に切り抜くためのマウスまたはトラックパッド任意 — キーボード操作はエディターによって異なります。
以下の関連記事では、利用条件、編集できる範囲、デスクトップアプリケーションの方が適している場合について説明しています。
元ファイルを使い始める前に、実際に選んだエディターで次の制限を確認しましょう。
1
対応形式は保証されない
ブラウザーエディターで開ける形式でも、同じ形式で書き出せるとは限りません。対応状況もツールによって異なります。
代わりにできること
細かい編集を始める前に、テスト用のコピーで書き出しメニューを確認しましょう。
2
レイヤーを保持した引き渡しは保証されない
統合された画像をダウンロードしても、後で共同作業者が編集できるレイヤー、マスク、テキストオブジェクトは保持されません。
代わりにすべきこと
共同作業者が求める編集可能な形式に対応したアプリケーションで、元のプロジェクトを保管してください。
3
プライバシーは自動的には保証されない
ノートパソコンのブラウザーを使っていても、アップロードした画像がどこで処理され、どのくらいの期間保持されるかは分かりません。
代わりにすべきこと
機密画像やクライアント所有の画像を送信する前に、選択したツールの最新のプライバシー規約を確認してください。
方法 A
特殊な納品形式よりも、見た目の変更を重視する場合は、この方法を選んでください。
2
変更は一度に1つずつ行う
単純な切り抜きなら、重要な被写体を予定している枠内に収め、適用前に端を確認します。明るさや色を変える場合は、控えめに調整してから元画像と比較してください。複数の変更を重ねるより、小さな変更を個別に判断するほうが評価しやすくなります。エディターに元に戻す機能がある場合は、それを頼りにする前に動作を確認してください。
3
新しい名前で書き出す
サイズや形式を選べる場合は指定されたものを選び、元画像を上書きせずに結果をダウンロードします。ノートパソコンのダウンロードフォルダーでファイルを見つけ、別のビューアーで開いてください。意図しない枠、欠けた部分、ぼやけた文字、書き出し時に変わってしまった背景がないか確認します。問題があれば作業用のコピーに戻り、原因となった手順を修正してください。
方法 B
納品要件が厳しい場合は、画像形式の歴史を手がかりに、なじみのある画像の拡張子にもそれぞれ異なる用途があることを思い出してください。
-
JPEGが標準規格になる
JPEGは写真によく使われますが、非可逆形式で繰り返し保存すると画質が低下することがあります。写真を受け渡す際は元ファイルを残し、書き出し後に細部の質感を確認してください。
-
PNGが登場
PNGは透明度と可逆圧縮に対応しています。納品物に透明な背景が必要な場合は、ダウンロードしたファイルを明るい背景と暗い背景の両方に重ねて確認してください。
-
WebPが発表される
WebPはウェブ画像のもう一つの選択肢ですが、受け取り側が別の拡張子を求める場合もあります。採用する前に、納品先が対応している形式を確認してください。
-
受け渡しに適した形式を選ぶ
ノートパソコンで作業を始める前に、必要な拡張子、サイズ、透明度を確認しましょう。選んだエディターでその条件に沿って書き出せるか試してから編集し、保存したファイルを確認してください。
最終確認
書き出したファイルをエディターの外で開き、用途に合った項目を確認してください。
ウェブ画像
表示サイズを確認する
ページ上で表示される大きさに近いサイズでファイルを確認してください。オンライン画像編集のプレビューでは、あるズーム倍率で鮮明に見えても、別の倍率では小さな文字や余白の少ない被写体が見づらくなることがあります。
- 納品先からピクセル寸法を指定されている場合は、その寸法を確認してください。
- 想定する表示サイズで被写体が見えることを確認してください。
- 後で修正できるよう、編集前の元ファイルを残してください。
透明な画像
背景を確認する
エディターの市松模様の表示だけで判断せず、ダウンロードした画像を色の異なる背景に重ねて開いてください。白い塗りつぶしは白いページでは問題なく見えても、別の背景では目立つことがあります。
- 書き出し形式が必要な透明度に対応していることを確認してください。
- 輪郭の周囲に白っぽい縁がないか確認してください。
- 編集画面のプレビューだけでなく、実際にダウンロードしたファイルを確認してください。
共有する写真
受け取る相手の要件を確認する
送る予定の写真は、書き出したファイルを通常の表示サイズで確認し、重要な部分は拡大して見てください。共有する前にノートパソコンのファイルビューアーで確認すると、不適切なトリミングや目立つ圧縮劣化に気づけます。
- ファイル名と拡張子を確認する。
- 画像の向きと重要な部分を確認する。
- 元ファイルを誤って送らず、書き出したコピーを送る。
Onlineimageから、ビジュアルの方向性を探るための画像ツールに進めます。既存のファイルを編集する場合は、元ファイルを送信する前に、移動先のツールがその作業に対応しているか確認してください。
チュートリアルのよくある質問
選んだツールをブラウザーで開き、既存の画像を読み込めるか、説明文から作成を始める方式かを確認します。ファイルを編集する場合は、まず元の状態のコピーをノートパソコンに保存してください。変更を加える前に必要な出力形式を決めておくと、書き出す際に何を確認すべきか分かります。
ブラウザー上のツールには、デスクトップ用ソフトウェアをインストールせずにアップロードした写真を編集できるものもありますが、使える機能はツールによって異なります。利用するツールがファイル形式に対応し、必要な変更を行えるか確認してください。機密性の高い写真をアップロードする前には、プライバシーに関する規約も確認しましょう。
ブラウザーの設定で保存先を尋ねるようにしている場合や別のフォルダーを指定している場合を除き、ダウンロードしたファイルは通常、ノートパソコンのダウンロードフォルダーに保存されます。編集作業を終える前に、書き出したファイルを見つけて開いてください。元ファイルと混同しないよう、区別できる名前を付けましょう。
プレビューは拡大表示されている一方、書き出した画像には異なるサイズや圧縮設定が適用されている場合があります。ダウンロードしたファイルを実際に使うときの表示サイズで開き、輪郭、文字、色を確認してください。編集ツールに書き出し設定がある場合は、別のコピーを保存する前に見直しましょう。
まず、選んだツールが透過に対応し、保存先で受け付けられる場合はPNGなど、適切な形式で書き出せることを確認してください。テスト用のファイルをダウンロードし、明るい背景と暗い背景の両方に重ねてみましょう。書き出し時に透過が失われた場合は、背景と統合されたコピーを修復しようとせず、元ファイルに戻ってください。