PhotoshopでPNG・JPGを書き出す方法

Photoshopの「書き出し形式」を使って、画像をPNGまたはJPG形式で保存する手順をご案内します。使用する形式や必要なサイズは、各商品ページ・入稿案内で確認してください。

編集用の元データも保管してください

書き出したPNG・JPGとは別に、レイヤーを保持したPSDなどの元データも保存しておくと、後から修正できます。

「書き出し形式」を開く

書き出したいデータをPhotoshopで開き、上部メニューから次の順に選択します。

ファイル → 書き出し → 書き出し形式

Photoshopのメニューバーにある「ファイル」
「ファイル」メニューを開きます。
Photoshopの「ファイル」メニューにある「書き出し」
「書き出し」にカーソルを合わせます。
Photoshopの書き出しメニューにある「書き出し形式」
「書き出し形式」を選択すると、設定画面が開きます。

PNG・JPGの形式を選ぶ

「形式」から、商品ページ・入稿案内で指定されている形式を選択します。

PNG:透明部分を残したい場合

背景の透明部分を残す場合はPNGを選択し、「透明」にチェックが入っているか確認してください。元の画像に背景がある場合、PNGを選ぶだけでは背景は透明になりません。

JPG:透明部分を保持できない形式

JPGは透明な背景を保持できません。圧縮によって画質に影響するため、書き出した画像を確認してください。

Photoshopの「書き出し形式」画面でPNGまたはJPGを選ぶ形式メニュー
「形式」でPNGまたはJPGを選択します。

サイズを確認して書き出す

「画像サイズ」の幅・高さが、事前に確認した推奨ピクセル数と一致しているか確認します。サイズや解像度の確認方法は、次のガイドをご覧ください。

設定を確認したら「書き出し」を選択し、保存先とファイル名を指定して保存します。

Photoshopの「書き出し形式」画面の右下にある「書き出し」ボタン
設定画面では、右下の「書き出し」を選択します。

PhotoshopのバージョンやOSによって、項目名や保存画面の表示が異なる場合があります。

保存した画像を確認する

保存先の画像を開き、入稿前に次の点を確認してください。

  • ファイル形式と幅・高さのピクセル数が、商品の指定に合っているか
  • 透明部分が必要なデータで、背景の透明部分が保持されているか
  • 文字や線、図柄に欠けや意図しない余白がないか
  • 元データと比べて、ぼやけや圧縮による画質の変化がないか

書き出し形式や数値を変更するだけで、元の画像にない細部が復元されるわけではありません。