Photoshop を使用して、アートボード、レイヤー、レイヤーグループ、または Photoshop ドキュメントを PNG、JPEG、GIF、または SVG 画像アセットとして書き出すことができます。

クイック書き出しを使用してアートボードやレイヤーやドキュメントを書き出す

Photoshop ドキュメントまたはそのドキュメントに含まれるアートボードをすべて書き出す

ファイル/書き出し/[画像形式] としてクイック書き出しを選択します。メッセージが表示されたら、保存先のフォルダーを選択します。現在のドキュメントが、クイック書き出し設定で指定された形式で画像アセットとして書き出されます。ドキュメントにアートボードが含まれている場合にこのオプションを選択すると、すべてのアートボードが個々に書き出されます。

選択したレイヤー、レイヤーグループまたはアートボードを書き出す

レイヤーパネルで、画像アセットとして書き出すレイヤー、レイヤーグループ、またはアートボードを選択します。選択を右クリックし、コンテキストメニューから、[画像形式] としてクイック書き出しを選択します。 メッセージが表示されたら、保存先のフォルダーを選択します。

選択したレイヤー、レイヤーグループ、アートボードごとに 1 つの画像アセットが生成されます。

クイック書き出し環境設定の変更

初期設定では、クイック書き出しにより、アセットが透明な PNG として生成され、書き出す場所を選択するプロンプトが毎回表示されます。この設定は、環境設定/書き出しまたはファイル/書き出し/環境設定を書き出しを選択して、以下を指定することにより変更できます。

  • クイック書き出しする形式:PNG、JPG、PNG-8、GIF または SVG
  • 形式固有のパラメーター。たとえば、PNG の場合は、透明を有効化した状態(32-bit)でアセットを書き出すか、ファイルサイズの小さい画像(8-bit)で書き出すかを指定できます。
  • クイック書き出しを使用して書き出す画像の場所:以下のいずれかを選択します。

書き出すたびに場所を指定アセットを書き出すたびに、場所を選択するプロンプトを表示します。
現在のドキュメントの隣にあるアセットフォルダーにファイルを書き出す ソースの Photoshop ドキュメントに含まれるフォルダー内のアセットというサブフォルダーに画像アセットを置きます。

  • 書き出すアセットにメタデータ (著作権情報および問い合わせ先) を含めるかどうか
  • アセットを sRGB カラースペースに変換するかどうか

書き出し形式ダイアログ:アートボード、レイヤー、またはドキュメント

Photoshop アートボード、レイヤー、ドキュメントの書き出し形式ダイアログ
書き出し形式ダイアログ

書き出し形式ダイアログを使用すると、レイヤー、レイヤーグループ、アートボードまたは Photoshop ドキュメントを画像として書き出すたびに設定を微調整できます。

  • ファイル/書き出し/書き出し形式を選択して現在の Photoshop ドキュメントを書き出します。ドキュメントにアートボードが含まれている場合は、このダイアログによりすべてのアートボードが書き出されます。
  • レイヤー、レイヤーグループ、またはアートボードでこのダイアログを起動するには、そのアイテムをレイヤーパネルで選択します。選択対象を右クリックし、コンテキストメニューから書き出し形式を選択します。

    選択された各レイヤー、レイヤーグループ、アートボードは、個別の画像アセットとして書き出されます。

書き出し形式ダイアログのオプション

書き出し形式ダイアログでは、次のオプションを指定できます。

フォーマット

PNGJPGGIF、または SVG を選択します。

フォーマット固有の設定

PNG の場合は、透明を有効化した状態(32 bit)でアセットを書き出すか、ファイルサイズの小さい画像(8 bit)で書き出すかを指定できます。JPEG では、目的の画質(0 ~ 100%)を指定します。GIF 画像は、初期設定で透明です。

注意:

PNG アセットを書き出す場合は、以下に注意してください。

  • 透明」を選択すると、32 bit の PNG アセットが生成されます。
  • ファイルサイズ小」を選択すると、8 bit の PNG アセットが生成されます。
  • 上記のオプションを選択しない場合は、24 bit の PNG アセットが生成されます。

サイズ

画像アセットの幅と高さを指定します。幅と高さは、初期設定で相互にロックされています。幅を変更すると、高さも比例して自動的に変更されます。書き出されるアセットのキャンバス境界を指定する場合は、カンバスサイズを参照してください。

拡大・縮小

書き出される画像の大きさを選択します。このオプションは、解像度が大きなまたは小さいアセットを書き出すのに便利です。アセットスケールを変更すると画像サイズに影響します。

再サンプル再サンプル方法を選択します。再サンプルとは、画像のピクセル数または解像度のいずれかを変更した場合に(一般には画像のサイズ変更中に)画像データの量を変更することを示します。

バイリニア法:周囲のピクセルのカラー値を平均化してピクセルを追加します。この方法では、結果は中程度の品質になります。

バイキュービック法:周辺ピクセルの値の調査に基づく、低速ながらより精度の高い方式です。バイキュービック法では、複雑な計算を使用して、バイリニア法やニアレストネイバー法の再サンプル方式よりも階調のグラデーションが滑らかになります。

バイキュービック滑らか:画像を拡大するための優れた方式です。バイキュービック法の補間に基づいていますが、より滑らかな結果が得られます。

バイキュービックシャープ:バイキュービック法の補間に基づいて画像のサイズを小さくしつつシャープにする場合に適しています。この方法では、再サンプルされた画像でもディテールが保持されます。「バイキュービックシャープ」で画像の一部がシャープになりすぎる場合は、「バイキュービック法」を使用してみてください。

バイキュービック自動:画像に適したバイキュービックサンプリング方法を自動的に選択します。

ニアレストネイバー法:高速ですが精度の低い方法です。画像内のピクセルを複製します。この方法は、アンチエイリアスされないエッジを含む画像で使用されます。エッジが鮮明になり、生成されるファイルは小さくなります。ただしこの方法では、画像を拡大・縮小したり、1 つの選択範囲に対して複数の処理を実行すると、修正部分がギザギザになる可能性があります。

ディテールを保持:この方法では、画像のサイズ変更中は画像のディテールとシャープさの保持が最優先されます。

カンバスサイズ

アセットが特定の幅と高さを占める必要がある場合は、これらの値をカンバスサイズとして指定します。書き出し形式ダイアログのプレビューが更新され、境界内の中央に画像が表示されます。

このオプションは、以下のようなシナリオで便利です。

  • サイズがさまざまに異なるが、50x50 px のボックスの中央に合わせる必要があるアイコンを書き出す場合。
  • 必要な寸法より小さいバナーまたは大きいバナー画像を書き出す場合。

画像がカンバスサイズより大きい場合は、カンバスに対して設定された幅と高さの値にクリップされます。

リセットをクリックすると、画像サイズで設定された値に戻すことができます。

メタデータ

書き出すアセットにメタデータ (著作権情報および問い合わせ先) を含めるかどうかを指定します。

色空間情報

以下を指定します。

  • 書き出すアセットを sRGB カラースペースに変換するかどうか。このオプションはデフォルトで選択されています。
  • 書き出すアセットにカラープロファイルを埋め込むかどうか。

異なるサイズでのアセットの書き出し

書き出し形式ダイアログを使用して、選択したレイヤー、アートボード、またはドキュメントを複数のサイズのアセットとして書き出すことができます。次の手順に従います。

  1. 左側のパネルで、相対的なアセットサイズ(1.25x など)を選択します。
  2. 指定した相対的なアセットサイズで書き出したアセットの接尾辞を選択します。たとえば、@1,25x にします。接尾辞を使用することで、書き出したアセットを管理しやすくなります。
  3. 必要に応じ、プラス(+)アイコンをクリックして、書き出すアセットにさらにサイズと接尾辞を指定します。

注意:

選択した拡大・縮小オプションは、選択したすべてのレイヤーやアートボードに適用されます。

アートボードを PDF ドキュメントまたは画像ファイルとして書き出し

アートボードの書き出しを参照してください

制限事項と一般的なエラー

SVG 書き出しの制限事項

  • テキストが正常にレンダリングされない場合があります。正確にレンダリングされるようにするために、SVG に書き出す前に、テキストレイヤーをシェイプに変換してください。
  • レイヤーマスクとクリッピングマスクは、正常にレンダリングされません。SVG 書き出しのために代わりにベクトルマスクを使用することを検討してください。
  • 背景レイヤーは、SVG に透明として書き出されます。レイヤーパネルで背景レイヤーを複製して、書き出された SVG 画像で表示されるようにしてください。

一般的なエラー

レイヤーが空

空のレイヤーまたは画像をレンダリングできないレイヤーは、書き出し形式ダイアログで表示できません。これらのレイヤーは、クリッピングマスク、調整レイヤー、またはピクセルのないレイヤーの可能性があります。

画像はドキュメントの範囲外にあります

カンバスを裁ち落としたため、書き出し操作で画像をレンダリングできません。カンバス内に収まるように画像を移動します。

不明なエラーが発生しました

この問題を修正するには、完了をクリックして、書き出し形式ダイアログを閉じ、ファイルを保存してから、Photoshop を再起動します。

本作品は Creative Commons Attribution-Noncommercial-Share Alike 3.0 Unported License によってライセンス許可を受けています。  Twitter™ および Facebook の投稿には、Creative Commons の規約内容は適用されません。

法律上の注意   |   プライバシーポリシー