UltKit

PSDをPNGに変換

PSD はレイヤーを含む作業用ファイル、PNG は透過を保ったまま仕上がった画像です。開発者やクライアント、Web サイトに必要なのが Photoshop のプロジェクトではなく画像そのものなら、変換して渡しましょう。

画像変換

またはJPG, JPEG, JPE … ファイルをここにドロップ ·

1ファイルあたり最大95 MB· 最大20ファイルまで· 30分後に削除

出力

ファイルは当社のサーバーで処理され、30分後に削除されます。

このツールの使い方

  1. 1

    PSD ファイルをアップロード

    1回につき最大20ファイル、1ファイルあたり95 MBまで対応しています。Photoshopの既定の互換性設定で保存したファイルが最も確実に変換できます。

  2. 2

    カラー設定を確認

    色空間はsRGBで、画面やWebに適しています。PNGにはCMYKモードがないため、CMYKの印刷用ドキュメントはRGBに変換されます。

  3. 3

    「PNGに変換」を押す

    PSDごとに統合された1枚のPNGが作成されます。ドキュメント上でピクセルがない部分は透明になります。

回答

透明を保ったままPSDをPNGに変換するにはどうすればいいですか?

PSDをアップロードしてPNGに変換を押してください。表示中のレイヤーがPhotoshopでの見た目どおりに統合され、透明な部分はPNGでも透明のままです。

PSDをPNGに変換:1枚の画像に統合し、透過も保持

PSD形式は1990年のPhotoshop 1.0で登場し、バージョンアップのたびに、レイヤー、マスク、調整レイヤー、スマートオブジェクト、レイヤースタイル、編集可能なテキストなどへと拡張されてきました。PSDは最大30,000 × 30,000ピクセル、2 GBまで扱えます。それより大きいものは、大型ドキュメント形式のPSBに保存されます。

PNGはこうした構造を保持できません。アルファチャンネル付きのピクセルの集まりを1つ保存するだけで、ブラウザやスライド、アプリの画面にはそれで十分です。そのため変換では合成結果を取り出します。つまり、現在のレイヤーの表示状態でPhotoshopに表示される画像を、効果も反映したまま書き出します。ドロップシャドウ、光彩、描画モードも同じ見た目になりますが、もう編集はできません。

PSD の透過部分を保持できる画像形式

from ↓ · to →PNGWebPGIFJPG
PSDPSD to PNG: yesPSD to WebP: yesPSD to GIF: yes– PSD to JPG: no
XCFXCF to PNG: yesXCF to WebP: yesXCF to GIF: yes– XCF to JPG: no
TIFFTIFF to PNG: yesTIFF to WebP: yesTIFF to GIF: yes– TIFF to JPG: no
supported not offered✓は、統合しても透明部分が保たれることを示します。GIFはオンとオフだけの透明しか扱えないため、柔らかい境界がギザギザになります。JPGでは背景色で塗りつぶされます。

PSD

Adobe Photoshop ドキュメント

PSD は1990年から使われている Adobe Photoshop 固有のファイル形式です。レイヤー、マスク、調整レイヤー、テキスト、スマートオブジェクト、チャンネル、カラープロファイルを保存するため、あとから劣化なく再編集できます。ファイルは非常に大きいことが多く、完全に再現するには Photoshop が必要で、GIMP、Photopea、Affinity などの他の編集ソフトは精度にばらつきがあります。ブラウザ、スマートフォン、多くのアップロードフォームでは PSD を直接表示できません。

圧縮方式
可逆
透過
対応
アニメーション
非対応
登場時期
1990 · Adobe
PSD 変換

PNG

Portable Network Graphics

PNG は、1996年に PNG Development Group が公開し、のちに W3C と ISO が標準化した可逆のラスター形式です。すべてのピクセルを正確に保持し、完全なアルファ透明に対応し、文字、シャープな輪郭、単色の面をノイズなく扱えます。この正確さから、スクリーンショット、ロゴ、アイコン、UI グラフィックに最適です。代償はサイズで、PNG で保存した写真は、同じ写真の JPEG や WebP の数倍になることがよくあります。すべてのブラウザ、OS、編集ソフトで PNG を開けます。

圧縮方式
可逆
透過
対応
アニメーション
非対応
登場時期
1996 · PNG Development Group
PNG 変換

PSDをPNGに変換するのは、Photoshopを持たない相手に、透明部分を保ったまま完成したデザインを渡すためです。たとえば、ページを作るデベロッパーや、モックアップを確認するクライアントなどが対象です。

変換で残るもの・失われるもの

PNGに引き継がれるもの

  • 元のピクセル寸法
  • 柔らかい境界の透明
  • レイヤースタイル(レンダリング済み)
  • 描画モードと不透明度(レンダリング済み)
  • sRGBに変換された色

PSDにのみ残るもの

  • 個別に編集できるレイヤー
  • 編集可能なテキストとフォント
  • スマートオブジェクトとフィルター
  • 非表示レイヤーとレイヤーカンプ
  • CMYKカラーモード

PSDは戻って編集するための元データとして残し、PNGは書き出したものとして扱ってください。Photoshopの「書き出し形式」やPNGへのクイック書き出しで得られるものと同じ位置づけです。デザインを変更する場合は、PNGに上から描き足さず、PSDを編集してからもう一度変換してください。

大きなアートボードを統合したPNGは容量が大きくなることがあります。Webサイトで使う場合は、結果をPNGをWebPに変換にかけると、透明を保ったまま容量をぐっと減らせます。印刷や複数ページのクライアント確認には、PSDをPDFに変換したほうが適しています。

PSDをPNGに変換:よくある質問

PSD の透明な背景は PNG でも透過のままですか?

はい。ドキュメント上で表示されるピクセルがない領域は、ぼかし付き選択範囲の柔らかい境界や影も含めて、PNGでは透明なピクセルになります。塗りつぶされた背景レイヤーがある場合のみ、その部分は不透明になります。

変換した PSD が真っ白になったり、Photoshop での見た目と違ったりするのはなぜですか?

Photoshopは、「PSDおよびPSBファイルの互換性を最大にする」がオンの場合にのみ、統合済みのプレビューをPSD内に保存します。オフの場合、他のプログラムがレイヤーを自力で再構築するため、効果が正しく反映されないことがあります。このオプションを「常に」に設定してPSDを保存し直してください。

非表示レイヤーも PNG に含まれますか?

いいえ。PNGには、現在のレイヤーの表示状態のままドキュメントに表示されている内容が出力されます。必要なレイヤーを表示し、不要なレイヤーを非表示にして保存してから変換してください。

レイヤーごとに別々の PNG として書き出せますか?

このページでは対応していません。1つのPSDから1枚の画像を作成するためです。Photoshopでは、「ファイル」→「書き出し」→「レイヤーからファイル」で各レイヤーを個別のPNGとして保存できます。多くの受け渡しには、このページで作成する統合版のPNGで十分です。

PSD を PNG に変換するのに Photoshop は必要ですか?

いいえ。UltKitがPSDを直接読み込むため、デザイナーから受け取ったPSDを、Adobe製ソフトがないノートパソコンやスマートフォンでも変換できます。

PSD の変換先は PNG と JPG のどちらがよいですか?

ロゴやUI、透明部分のある画像、文字をくっきり見せたい場合はPNGが向いています。メールやスライドに使う写真系のデザインなら、PSDをJPGに変換するとファイルサイズをかなり小さくできます。

画像形式に関するガイド