Photoshop Web版の保存先はクラウドドキュメントに自動設定されており、5分ごとに自動保存されます。納品用のJPEGやPNG画像は別途「ダウンロード」操作が必要です。この記事では保存の仕組みから形式選択、フリーランスの納品フローまで解説します。
▶ 3日で初案件PR
この記事でわかること
クラウドドキュメントの自動保存がどのように機能するか、3分以内に理解できます。JPEG・PNG・PSDを用途で使い分ける基準を1つ覚えるだけで、書き出し時の迷いがなくなります。納品前の4項目チェックを定型化することで、クライアントからの差し戻しをほぼゼロにできます。
今のデザインの仕事で、一番近い悩みは？
この記事の結論
Photoshop Web版での保存は「クラウドドキュメント自動保存」と「ローカルへのダウンロード書き出し」の2段階で完結します。編集データは自動でクラウドに守られるため、意識すべきは納品時の形式選択とファイルサイズ確認の2点です。フリーランスの実務では「PSD＝編集用・PNG＝透過納品・JPEG＝写真系納品」の3パターンを覚えるだけで8割のケースに対応できます。
今日やるべき1つ
Web版Photoshopを開き、アプリメニューから「ダウンロード」を選択してJPEGまたはPNGの書き出しを1回試す（所要時間：5分）。
状況別ショートカット
| 状況 | 読むべきセクション | 所要時間 |
| 保存先が分からない | Photoshop Web版の保存先はクラウド1択 | 2分 |
| JPEGかPNGか迷っている | Web版の保存形式はJPEGとPNGで2択 | 3分 |
| デスクトップ版に引き継ぎたい | Web版とデスクトップ版の連携は3手順 | 3分 |
| 納品前にまとめて確認したい | 納品前チェックは4項目で完結 | 3分 |
| 保存できないトラブルが出た | Photoshop Web版の保存トラブルを3分で診断 | 3分 |
Photoshop Web版の保存先はクラウド1択
クラウドドキュメントに5分ごとに保存される
Photoshop Web版で作業中のファイルは、Adobeのクラウドドキュメントサービスに自動保存されます。保存間隔は5分ごとと定められており、別タブへの切り替えや別アプリへの移動でもクラウドへの保存が実行されます（Photoshop web版に関するよくある質問）。ブラウザを閉じるタイミングを意識しなくても、直近5分以内の作業は基本的に保護される設計です。フリーランスが複数案件を並行している場面で、作業途中のデータが消えるリスクをゼロに近づけられます。
手動保存はアプリメニューから実行できる
自動保存を待たずにその場でクラウドへ反映したい場合は、画面左上のアプリメニューから手動保存を実行します。操作はメニューを開いて「保存」を選択するだけで、ショートカットキーも利用できます。大きな変更を加えた直後や、作業をいったん中断したいタイミングで手動保存の習慣をつけると、自動保存タイミングのズレをカバーできます。
保存済みファイルはホーム画面で確認できる
Web版で保存したクラウドドキュメントは、Photoshopのホーム画面にある「クラウドドキュメント」タブに一覧表示されます。ファイルが見当たらないと感じたとき、まずこの一覧を確認するのが最速の解決策です。同じAdobeアカウントでログインしている別デバイスからも同じファイルを開けるため、自宅と外出先で作業を切り替えるフリーランスの実務にも対応しています。
CHECK
▶ 今すぐやること：Photoshop Web版のホーム画面を開き、「クラウドドキュメント」タブにファイルが表示されているか確認する（2分）
Q: クラウドドキュメントは容量制限があるか？
A： Adobe Creative Cloudのプランごとに保存容量が異なります。詳細はAdobeの公式アカウントページで現在の使用量を確認できます（Photoshop web版FAQ）。
Q： Adobeアカウントを持っていないとクラウド保存はできないか？
A： Photoshop Web版の利用にはAdobeアカウントへのログインが必須です。アカウントがなければクラウドドキュメントへの保存は行えません。
Web版の保存形式はJPEGとPNGで2択
JPEGは写真系・フルカラー画像の標準形式
JPEGは写真やフルカラーのビジュアル素材に適した非可逆圧縮形式で、ファイルサイズを抑えながら高品質な画像を出力できます。Web版Photoshopからダウンロードする際にJPEGを選んだ場合、圧縮率を数値で指定できるため、画質とファイルサイズのバランスを調整しながら書き出せます。バナー広告やブログのアイキャッチなど、背景に透明部分が不要なケースではJPEGを第一候補にします。透明（アルファ）チャンネルはJPEGでは保持できないため、透過が必要な素材には使えない点を覚えておいてください。画像圧縮で画質を落とさない方法も参考にすると、JPEG圧縮率の判断がより明確になります。
PNGは透過・ロゴ・図解に適した形式
透明背景が必要な場合や、ロゴ、アイコン、テキスト入り図解など、色のコントラストが明確な画像にはPNGが適しています（Photoshopでの Web グラフィックの使用）。PNGはロスレス圧縮のため画質が劣化せず、透過情報も維持されます。フリーランスがクライアントのWebサイト用にロゴを書き出す場面では、PNGを選択することで「背景が白くなってしまった」というトラブルを防げます。写真系画像にPNGを使うとJPEGより容量が増えるケースが多いため、素材の性質で使い分けることが実務上の鉄則です。
PSDはデスクトップ版での再編集用に保持する
PSDはPhotoshopのネイティブ形式でレイヤー情報をそのまま保持できます。Web版でPSDとしてダウンロードすれば、デスクトップ版で開いて再編集を続けられます（デスクトップにPSDファイルとして保存する）。クライアントへの最終納品はJPEGまたはPNG、自分用のマスターデータはPSDという運用にすると、書き出し後に修正依頼が来てもすぐに対応できます。書き出しのたびに元PSDが上書きされる心配はなく、クラウドドキュメントはそのまま維持されます。
CHECK
▶ 今すぐやること：手元のPhotoshop Web版で1ファイルをJPEGとPNGの両方で書き出し、ファイルサイズを実際に比較する（5分）
Q: GIF形式はWeb版から書き出せるか？
A： 現時点のPhotoshop Web版では、GIFの書き出しに対応していません。GIFが必要な場合はデスクトップ版の「Web用に保存（レガシー）」を使用するのが確実です（Photoshopの「Web用に保存」）。
Q： 書き出し後に元のクラウドドキュメントは変わるか？
A： 書き出し（ダウンロード）を実行してもクラウドドキュメントは変更されません。元のPSD情報はクラウドに保持されたままです。
Web版とデスクトップ版の連携は3手順
Web版で保存してからデスクトップ版で開く
Web版で編集中のクラウドドキュメントは、同じAdobeアカウントでログインしたデスクトップ版Photoshopから直接開けます。手順は「ホーム画面のクラウドドキュメントタブから目的のファイルを選択して開く」だけです。この連携を使うと、Web版で大まかな編集を済ませてからデスクトップ版で高度な補正を加えるという分業ができます。
「Web用に保存（レガシー）」はデスクトップ版の機能
「Web用に保存」という機能名はPhotoshop Web版の保存とは全く別の話です。これはデスクトップ版の「ファイル（File）→ 書き出し（Export）→ Web用に保存（レガシー）」から使う機能で、JPEG、PNG、GIF、WBMPなどの形式と画質を細かく調整しながら書き出す専用ツールです（Photoshopの「Web用に保存」）。Web版で同じ操作を探しても見つからないのはこのためで、Web版では「ダウンロード」操作が書き出しに相当します。
デスクトップ版書き出し後の元データは変更されない
デスクトップ版で「Web用に保存（レガシー）」を使って書き出しても、元のPSDファイルは変更されません。書き出しは別途ファイルを生成する操作であり、上書き保存とは異なります。「書き出しは印刷する操作、PSDは原稿」と覚えておくと混乱しにくいです。フリーランスの実務では修正ラウンドが発生することが多いため、このデータ構造の理解が後々の作業時間を左右します。個人事業主の見積書の書き方などの書類と同様に、マスターデータを常に安全な状態で保持する習慣が重要です。
CHECK
▶ 今すぐやること：デスクトップ版Photoshopの「ファイル→書き出し→Web用に保存（レガシー）」メニューの場所を確認する（3分）
Q: Web版で編集したファイルをデスクトップ版に送る方法は？
A： 同一のAdobeアカウントでログインしているかぎり、クラウドドキュメントをデスクトップ版から直接開けます。PSDとしてローカルにダウンロードする方法もあります（デスクトップにPSDファイルとして保存する）。
Q： デスクトップ版がない場合は「Web用に保存（レガシー）」は使えないか？
A： 「Web用に保存（レガシー）」はデスクトップ版専用の機能です。Web版のみの環境ではダウンロード（書き出し）機能を代替として使います。
Photoshopを仕事で使えるようになりたい方へ
Photoshopの全工程の解説動画をLINEで受け取る
LINEで無料で届くもの
- 全工程Photoshopの解説動画
- 20本Webデザインの無料レッスン
- 4本限定のPDF・動画
登録1分・情報収集だけでもOK・セミナー参加は自由
タップするとLINEの友だち追加画面が開きます
スマホのカメラで読み取ると
LINEの友だち追加が開きます
LINE登録のよくある質問
- お金はかかりますか？
- LINEの登録と、届くレッスン・動画・PDFは無料です。
- どんな連絡が来ますか？
- レッスンや動画のほか、無料セミナーの案内が届きます。参加するかは自由です。
- やめたいときは？
- LINEでブロックすれば、それ以上は届きません。
PR提供: 日本デザインスクール（デザスク）
Photoshop Web版の保存トラブルを3分で診断
Q1：クラウドドキュメントの一覧にファイルが表示されているか？
表示されている場合はQ2へ進みます。表示されていない場合は、Adobeアカウントのログイン状態を確認し、別のアカウントでログインしていないか確認します。それでも見当たらない場合はAdobeサポートに問い合わせます（Result D）。
Q2：ダウンロード操作を実行したか？
実行した場合はQ3へ進みます。実行していない場合は、クラウドへの保存はできているもののローカルファイルは作成されていない状態です。アプリメニューから「ダウンロード」を選択します（Result A）。
Q3：ダウンロードしたファイルの拡張子は意図した形式か？
意図通りの場合（JPEGまたはPNG）は、ダウンロードフォルダとブラウザのダウンロード先設定を確認します（Result B）。意図と異なる場合は、ダウンロード時に表示される形式選択を変更して再度ダウンロードします（Result C）。
Result A：ダウンロード操作未実施
クラウドに保存済みのファイルを、アプリメニュー→「ダウンロード」から書き出します。JPEG/PNGのどちらかを選択して実行します。
Result B：ダウンロード先の確認
ブラウザの設定で「ダウンロード先フォルダ」が変更されていることがあります。ブラウザの設定画面でダウンロードフォルダを確認します。
Result C：形式選択のやり直し
ダウンロード時に形式を選べる画面が出ているにもかかわらず初期設定のまま書き出したケースが多いです。形式を再選択して再書き出しします。
Result D：アカウント・ネットワーク起因
別アカウントでのログインや、ネットワーク接続の不安定さでクラウド同期が止まっていることがあります。接続環境を変えて再試行するか、Adobeサポートに連絡します。
CHECK
▶ 今すぐやること：上記のQ1から診断を開始し、自分のResultを特定する（3分）
Q: 自動保存の5分サイクルとは別に、強制的に保存できるか？
A： アプリメニューから手動保存を実行すれば、5分サイクルを待たずにその場でクラウドに反映できます（Photoshop web版FAQ）。
Q： ブラウザを強制終了した場合、データは消えるか？
A： 直近5分以内の変更は失われる可能性がありますが、最後の自動保存時点のデータはクラウドに残ります。作業中断前は手動保存を行うことを習慣にすると安全です。
納品前チェックは4項目で完結
保存形式は用途で選ぶ
写真・フルカラービジュアルはJPEG、透過・ロゴ・図解はPNG、再編集用のマスターデータはPSDという分類を基準にします。迷ったときはクライアントから指定された形式に従い、指定がない場合はWeb掲載素材であればJPEGまたはPNGのどちらかで確認を取るのが最も安全です。PSDはデスクトップ版Photoshopがないと開けないため、クライアント側で対応できないケースがあります。
Webデザイナーとして初めて納品した際、PSDのまま送ってしまいクライアントがファイルを開けなかった、という報告もあります（Photoshop入門 Webデザインから画像を生成しよう）。納品形式は事前にクライアントと合意しておくことが、後工程のトラブルを防ぐ最短経路です。フリーランスのポートフォリオ作り方を参考に、ポートフォリオ掲載時の形式指定も事前に確認しておくと安心です。
ファイルサイズは用途に応じた目安を確認する
Webサイト掲載用の画像のファイルサイズ目安は素材の種類や用途によって異なりますが、一般的なバナーやアイキャッチであれば200〜500KB程度が実務上の参考値です。JPEGの場合は品質設定（圧縮率）を下げると画質が上がりファイルサイズが増え、上げるとサイズが減ります。目視で画質劣化が確認できないラインを探りながら調整すると、品質を保ちながらサイズを抑えられます。PNGは圧縮率の調整幅がJPEGより狭いため、素材の複雑さによってはJPEGより容量が増えるケースもあり、その場合はJPEGへの切り替えを検討します。
透過の有無を書き出し前に確認する
透明背景が必要な素材をJPEGで書き出すと、透明部分が自動的に白背景として出力されます。書き出し後に気づいて再度作業するのはフリーランス案件での時間ロスに直結します。書き出し前にPhotoshop Web版のキャンバス上でレイヤーの背景表示をオフにして透過状態を確認し、透明部分があればPNGを選択するという順番で操作します。
ファイル名に形式と用途を含める
納品ファイルのファイル名は「project_name_logo_v1.png」「banner_top_1200x628_v2.jpg」のように形式・用途・バージョンを含めると管理しやすくなります。クライアントが複数の書き出し物を受け取る場合、ファイル名だけで内容を判断できる状態にしておくと、確認作業の手間を省けます。ファイル名の命名規則をプロジェクト開始時にクライアントと合意しておくと、納品後の「これはどのファイル？」という問い合わせがほぼなくなります。大容量ファイルを送る無料の方法も把握しておくと、納品時の送付フローがよりスムーズになります。
用途別のデフォルト設定を決めてからは書き出し時間が大幅に短縮された、というユーザー報告もあります（Photoshop CCの「Web用に保存」機能の話）。
CHECK
▶ 今すぐやること：次の納品案件用に「形式・ファイルサイズ・透過有無・ファイル名」の4項目を記載した確認メモをテキストファイルに作成する（5分）
Q: JPEG圧縮率の具体的な推奨数値はあるか？
A： Photoshopの品質設定で60〜80の範囲が、画質とファイルサイズのバランスが取りやすい値です（Photoshopの「Web用に保存」）。素材の内容によって最適値は変わるため、書き出しプレビューで実際の品質を確認しながら調整してください。
Q： PNGで出力したファイルが想定より重い場合はどうするか？
A： PNGのファイルサイズが大きい場合、まず画像の実サイズ（ピクセル数）が適切かを確認します。必要以上に大きい解像度で書き出している場合は縮小してから再書き出しすると効果的です。
Photoshop Web版の保存は5つの仕組みで管理
ハック1：クラウドドキュメント確認を作業開始の儀式にして確認漏れをゼロにする
【対象】：複数案件を並行しているフリーランスで、どのファイルを最後に編集したか分からなくなりやすい方
【手順】：Photoshop Web版を開いたら最初にホーム画面のクラウドドキュメントタブを開きます（1分）。更新日時の新しい順に並んでいることを確認し、今日作業するファイルが最上位にあるかチェックします（1分）。意図したファイルを開いてからタイトルバーのファイル名を確認し、誤ったファイルを編集するリスクを排除します（30秒）。
【ポイントと理由】：実際には似た名前のファイルを誤って開いたまま作業するミスが発生します。開始時に意識的にファイル名を確認する習慣を作ることで、誤ファイル編集による作業やり直しをゼロにできます。Web版はタブで複数ファイルを開けるため、タブの切り替えミスが起きやすい構造です。
【注意点】：サムネイルだけでファイルを識別しようとするのは避けてください。ファイル名を文字で読んで確認することが確実な識別手段です。
【導入時間】低（2分30秒）
ハック2：手動保存を作業区切りに設定してデータ損失リスクを最小化する
【対象】：長時間の連続作業で、5分以内に自動保存されることを前提にしているフリーランス
【手順】：ひとつの工程（例：レイヤー構成の整理、テキスト修正、画像配置）が完了したらアプリメニューを開きます（30秒）。「保存」を選択し、クラウドドキュメントへ即時反映します（10秒）。作業ログとしてメモアプリに「保存済み：〇時〇分・工程名」を1行記録します（1分）。
【ポイントと理由】：自動保存のタイミングが外部割り込み（急な電話、ブラウザのフリーズ）と重なって保存が実行されないケースがあります。作業の区切りで手動保存することで、最悪でも直前の区切りポイントまでデータを保護できます。
【注意点】：保存の確認ダイアログが出た場合に反射的に「キャンセル」を押すと保存がスキップされます。ダイアログの内容を読んでから操作してください。
【導入時間】低（1分40秒）
ハック3：書き出し形式のプリセットを決めて形式選択の迷いを排除する
【対象】：案件ごとに毎回JPEGかPNGかを迷い、書き出し操作に必要以上の時間をかけているフリーランス
【手順】：自分が受ける案件を「写真・バナー系」「ロゴ・アイコン・透過系」「再編集用マスター」の3カテゴリに分類します（5分）。カテゴリごとの書き出し形式と品質設定を決めてメモに書き出します（写真系＝JPEG・品質70・200〜500KB程度、透過系＝PNG・2MB以下、マスター＝PSD）（5分）。次の案件から書き出し時にメモを参照し、形式選択に要する時間を計測します（30秒）。
【ポイントと理由】：「毎回考える」ではなく「ルールに従って実行する」アプローチを取ります。形式選択で迷う時間は1回30秒程度でも、月20回書き出しがあれば合計10分のロスです。選択ミスによる再書き出しまで発生すると1件あたり5〜10分の余分な作業が加わります。プリセットを事前に決めるだけでこの損失を防げます。
【注意点】：クライアントから形式指定がある場合はその指定が最優先です。プリセットは「指定がないときのデフォルト」として機能させます。
【導入時間】中（10分30秒）
ハック4：ファイル名命名規則を定めてクライアントとの確認往復を削減する
【対象】：納品後に「これはどのバージョン？」「どの素材？」と聞かれることが月2回以上あるフリーランス
【手順】：自分用の命名規則テンプレートを作成します（「プロジェクト名_素材種別_サイズ_バージョン.拡張子」）（10分）。新規案件開始時にそのプロジェクト向けの命名例を3つ作り、クライアントに事前共有します（5分）。書き出し直前にファイル名テンプレートを参照して命名し、同名のファイルが既にないかダウンロードフォルダを確認してから保存します（2分）。
【ポイントと理由】：「わかりやすさ」の基準がクライアントと異なる場合に確認のやり取りが発生します。命名規則を事前に共有して合意しておくことで、納品後の問い合わせをほぼゼロにできます。命名規則の共有をプロジェクト開始時のオンボーディングに組み込むことを強くおすすめします。
【注意点】：バージョン番号を末尾に付ける場合、「v1」「v01」「v1.0」など表記を統一しておかないと並べたときに順序が崩れます。v01/v02形式（ゼロパディング）を使うとファイルマネージャーでの並び順が正しくなります。
【導入時間】中（17分）
ハック5：PSDをクラウドに残してJPEG/PNGだけ納品し、修正対応を30分以内に完了する
【対象】：修正依頼が来るたびに書き出し直しに時間がかかり、クライアントを待たせることが多いフリーランス
【手順】：書き出し前にクラウドドキュメントとして保存済みであることをホーム画面で確認します（1分）。「ダウンロード」からJPEGまたはPNGを書き出し、クラウドのPSDは変更せずに保持します（3分）。修正依頼を受けたらクラウドドキュメントを直接開き、変更して再書き出しします。デスクトップへのダウンロードなしで作業を完結させます（修正の規模によるが簡易修正は10〜30分）。
【ポイントと理由】：ダウンロード（書き出し）はクラウドドキュメントとは別にファイルを生成する操作です。クラウドにPSDを残す運用を徹底することで、修正依頼が来た瞬間にブラウザを開けばすぐ作業を再開できます。ローカルへのダウンロードとPSD管理が不要になり、フォルダ整理の手間も削減できます。フリーランスのタスク管理と組み合わせると、修正対応のスピードをさらに向上させられます。
【注意点】：重要なバージョンは「別名で保存」を使って別のクラウドドキュメントとして複製してからバックアップを確保してください。クラウド上のファイルを誤って大きく変更するリスクを防げます。
【導入時間】低（4分）
CHECK
▶ 今すぐやること：上記5つのハックのうち、今日の案件に最も近いものを1つ選んで実際の作業に取り入れる（10分）
Q: Photoshop Web版はオフラインでも使えるか？
A： Photoshop Web版はブラウザベースのサービスのため、基本的にはオンライン環境が必要です。オフライン作業が必要な場合はデスクトップ版を使用します。
Q： 書き出した画像が想定より画質が低かった場合、設定はどこで変えるか？
A： ダウンロード操作時に表示される品質設定スライダーまたは数値入力欄で調整します。JPEGの場合は品質を70〜90の範囲で上げると改善します。
Photoshop Web版の保存をマスターする：クラウドと書き出しの2段階
これらを習慣として定着させるだけで、書き出しまわりの迷いや差し戻しはほぼなくなります。今日から1つの操作を試してください。
| 状況 | 次の一歩 | 所要時間 |
| 保存先を確認したい | ホーム画面のクラウドドキュメントタブを開く | 1分 |
| 書き出し形式を決めたい | 用途別プリセットメモを作成する | 10分 |
| デスクトップ版に引き継ぎたい | 同アカウントでデスクトップ版を開く | 3分 |
| 納品前の確認を定型化したい | 4項目チェックメモをテキストファイルで作成する | 5分 |
Photoshop Web用 保存に関するよくある質問
Q: Photoshop Web版で保存できないと感じたとき、最初に確認すべきことは？
A： まずホーム画面のクラウドドキュメントタブにファイルが表示されているか確認します。表示されていればクラウドへの保存は完了しています。ローカルへの書き出しが必要であれば「ダウンロード」操作を別途行います（Photoshop web版FAQ）。
Q： PNG保存とJPEG保存はどちらを選べばよいか？
A： 透明背景・ロゴ・アイコン・図解はPNG、写真・フルカラーバナーはJPEGが基本です。迷ったときはクライアントの指定を優先し、指定がなければ用途を確認してから選択してください。
Q： 「Web用に保存（レガシー）」機能はPhotoshop Web版にあるか？
A： ありません。「Web用に保存（レガシー）」はデスクトップ版Photoshopの「ファイル→書き出し」メニューにある機能です（Photoshopの「Web用に保存」）。Web版で同等の操作を行うには「ダウンロード」からJPEGまたはPNGを選んで書き出します。
Q： Photoshop Web版からPSDを取得してデスクトップ版に渡すことはできるか？
A： できます。Web版の「ダウンロード」からPSD形式を選択するか、同一Adobeアカウントのデスクトップ版のクラウドドキュメントタブからそのまま開く方法があります（デスクトップにPSDファイルとして保存する）。
Q： 自動保存の間隔を変更できるか？
A： 現時点のPhotoshop Web版では、自動保存の間隔は5分ごとに設定されており、ユーザー側からの変更はできません。こまめに保存したい場合は手動保存を活用してください。
【出典・参照元】
Photoshop web版に関するよくある質問 – Adobe Help Center
Photoshopの「Web用に保存」 – Adobe Help Center
デスクトップにPSDファイルとして保存する – Adobe Help Center
Photoshopでの Web グラフィックの使用 – Adobe Help Center
Photoshop入門 Webデザインから画像を生成しよう – Adobe Blog
Photoshop CCの「Web用に保存」機能の話 – Adobe Blog