PSDをPNGに変換
PSD はレイヤーを含む作業用ファイル、PNG は透過を保ったまま仕上がった画像です。開発者やクライアント、Web サイトに必要なのが Photoshop のプロジェクトではなく画像そのものなら、変換して渡しましょう。
画像変換
またはJPG, JPEG, JPE … ファイルをここにドロップ ·
1ファイルあたり最大95 MB· 最大20ファイルまで· 30分後に削除
ファイルは当社のサーバーで処理され、30分後に削除されます。
85 なら写真は元の画像と見た目がほぼ変わりません。ファイルを小さくしたいときだけ下げてください。
JPG、BMP、EPS は透過に対応していません。透明な部分はこの色で塗りつぶされます。
透明な部分の背景に使う16進カラーです(例: #FFFFFF)。
この形式には 1 枚の画像しか保存できません。アニメーションを残すには GIF または WebP を選んでください。
マルチサイズのアイコンは 1 つのファイルに複数の解像度を含み、ブラウザや OS が必要なサイズを選びます。
元のサイズを維持するか、片方の辺を入力すると縦横比を保ったままサイズ変更します。
上で選んだ辺のピクセル数です。
元のサイズに対する割合です。
画面や Web には sRGB が適しています。印刷用途では元の色空間を維持してください。グレースケールにすると色情報は失われます。
メタデータのみ変更します。0 なら元の値を維持します。プリンターや一部のサイトがこの値を読み取りますが、ピクセル数は変わりません。
このツールの使い方
- 1
PSD ファイルをアップロード
1回につき最大20ファイル、1ファイルあたり95 MBまで対応しています。Photoshopの既定の互換性設定で保存したファイルが最も確実に変換できます。
- 2
カラー設定を確認
色空間はsRGBで、画面やWebに適しています。PNGにはCMYKモードがないため、CMYKの印刷用ドキュメントはRGBに変換されます。
- 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 → | PNG | WebP | GIF | JPG |
|---|---|---|---|---|
| PSD | PSD to PNG: yes | PSD to WebP: yes | PSD to GIF: yes | – PSD to JPG: no |
| XCF | XCF to PNG: yes | XCF to WebP: yes | XCF to GIF: yes | – XCF to JPG: no |
| TIFF | TIFF to PNG: yes | TIFF to WebP: yes | TIFF to GIF: yes | – TIFF to JPG: no |
PSD
Adobe Photoshop ドキュメント
PSD は1990年から使われている Adobe Photoshop 固有のファイル形式です。レイヤー、マスク、調整レイヤー、テキスト、スマートオブジェクト、チャンネル、カラープロファイルを保存するため、あとから劣化なく再編集できます。ファイルは非常に大きいことが多く、完全に再現するには Photoshop が必要で、GIMP、Photopea、Affinity などの他の編集ソフトは精度にばらつきがあります。ブラウザ、スマートフォン、多くのアップロードフォームでは PSD を直接表示できません。
- 圧縮方式
- 可逆
- 透過
- 対応
- アニメーション
- 非対応
- 登場時期
- 1990 · Adobe
PNG
Portable Network Graphics
PNG は、1996年に PNG Development Group が公開し、のちに W3C と ISO が標準化した可逆のラスター形式です。すべてのピクセルを正確に保持し、完全なアルファ透明に対応し、文字、シャープな輪郭、単色の面をノイズなく扱えます。この正確さから、スクリーンショット、ロゴ、アイコン、UI グラフィックに最適です。代償はサイズで、PNG で保存した写真は、同じ写真の JPEG や WebP の数倍になることがよくあります。すべてのブラウザ、OS、編集ソフトで PNG を開けます。
- 圧縮方式
- 可逆
- 透過
- 対応
- アニメーション
- 非対応
- 登場時期
- 1996 · PNG Development Group
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に変換するとファイルサイズをかなり小さくできます。