PSD を PNG に変換 オンライン

PSD から PNG へのコンバーター — よくある質問 ▼

PSDをPNGにオンライン変換 — PhotoshopなしでPhotoshopファイルを共有

Photoshop PSDファイルには、Photoshop（および一部の互換アプリ）しか開けないレイヤー、調整レイヤー、マスク、スマートオブジェクトが含まれています。PNGはロスレスなユニバーサルサポート形式で、すべてのブラウザー、OS、画像ビューワーがネイティブに開けます。PSDをPNGに変換するとすべてのレイヤーが1つの合成画像にフラット化され、完全なアルファチャンネルが保存されます。PSD内の透明または半透明な部分はPNG出力でも透明のまま保たれます。結果はピクセル単位で正確なウェブ対応画像で、Photoshopや Creative Cloudなしに誰でも開けてプレゼンテーションで使用したり、ドキュメントに埋め込んだり、あらゆるプラットフォームにアップロードできます。

PSDファイルとは?

PSD（Photoshop Document）は1990年のPhotoshop 1.0で導入されたAdobe Photoshopのネイティブファイル形式です。個々のレイヤー、マスク、チャンネル、パス、調整データをフラット化された合成プレビューと並べて保存し、画像の完全な編集可能な表現を格納します。

• レイヤー: 無制限の画像レイヤー、テキストレイヤー、シェイプレイヤー、スマートオブジェクト、調整レイヤー、レイヤーグループ。
• 透過: 完全なアルファチャンネル。各レイヤーに独立した不透明度とブレンドモード。
• カラーモード: RGB、CMYK、グレースケール、Lab、ビットマップ、デュオトーン — チャンネルあたり最大32ビット（HDR）。
• 互換性: Photoshop、Affinity Photo、GIMP、または類似ソフトが必要 — ブラウザーやほとんどのアプリではネイティブサポートなし。
• ファイルサイズ: 大きい — 2000×2000pxの画像でも多層レイヤーのデザインは100 MB以上になることがあります。

PSDからPNGへの変換が必要な方は?

• ウェブ開発者: デザイナーからデザインファイルを受け取り、Photoshopを開かずにHTML/CSS実装用のアセットをエクスポートします。
• マーケティングチーム: Photoshopがインストールされていないベンダー、印刷業者、SNS担当者とデザインモックアップやブランドアセットを共有します。
• デザインをレビューするクライアント: デザイナーはPNGプレビューを送信することで、クライアントが任意の画像ビューワーやブラウザーでデザインを閲覧・注釈できるようにします。
• アプリ・ゲーム開発者: Unity、Xcode、Android Studio、またはゲームエンジンで使用するために、PSDソースファイルからUI要素、スプライト、アイコンをPNGにエクスポートします。
• メール受信者: PSDファイルをメールで送信するのは非実用的です（ファイルは50〜200 MBになることが多い）。PNGエクスポートは通常1〜10 MBで、どこでも開けます。
• アーカイブとドキュメント化: PSDファイルをPNGにフラット化すると、Creative Cloudのサブスクリプションが終了した後でも閲覧できる読み取り専用の参照スナップショットが作成されます。

PSDとPNG — 主な違い

PSDからPNGへの変換の仕組み

コンバーターはPSDファイル構造を読み込み、各レイヤーを下から上へ処理し、正しい順序でブレンドモード、不透明度の値、マスクを適用して、フラット化された合成画像を再構築します。スマートオブジェクトはドキュメントの解像度でラスタライズされます。生成された合成ピクセルグリッドはDEFLATEロスレス圧縮を使用してPNGとしてエンコードされます。PSDアルファチャンネルの透過はPNG出力に保存されます。Photoshopで透明だったピクセルは透明のまま保たれます。PNGはCMYKカラーモードをサポートしないため、CMYK PSDファイルはPNG出力用にRGBに変換されます。

PSDからPNGへの活用場面

• ウェブサイトアセットのエクスポート: HTML/CSS実装用にPSDデザインファイルからアイコン、ボタン、ヒーロー画像、UIコンポーネントをPNGにエクスポートします。
• ファビコンの作成: 透明背景のPSDロゴをPNGに変換し、.icoまたは.webpファビコンファイルを作成する最初のステップとします。
• クライアントへの成果物: ブランディングエージェンシーが最終的なロゴPSDファイルをクライアントへの納品用のPNG（透明、白、黒背景のバリアント）に変換します。
• SNSグラフィック: Photoshopで作成したプラットフォームグラフィックをInstagram、LinkedIn、Twitterにアップロードします。これらのプラットフォームはPNGを受け入れますがPSDは受け入れません。
• 印刷からウェブへのワークフロー: 印刷用にCMYKで作業しているデザイナーが、同じ素材のウェブ版用にPSDをRGB PNGに変換します。
• 一括エクスポート: Total Image Converter（Windows、$29.90）を使用して、ECサイトのカタログ用に商品ライン全体のPSDモックアップファイルを一度にPNGに変換します。

PSD File

PNG File