インストールせずに PSD を PNG に

レイヤーに実際に起きること

PSD は要素をレイヤーごとに保持しますが、PNG にはレイヤーがなく、アルファチャンネル付きのピクセル格子が 1 枚あるだけです。変換とはつまり描画処理です。表示中のレイヤーを合成し、描画モード・マスク・不透明度を適用して、1 枚の RGBA 画像に書き出します。

そのため非表示レイヤーは PNG から消え、不透明度 90% のレイヤーは別オブジェクトではなく合成済みピクセルになります。後でレイヤーが必要なら元の PSD を残してください。PNG は作業ファイルではなく納品用形式です。

透過をきれいに保つ

PNG-24 は 8 ビットのアルファチャンネルを持つため、マスクやぼかしの柔らかいエッジも変換後も残ります。よくある失敗は、白い背景レイヤーを表示したまま書き出すことです。画面上は問題なくても、暗いサイトでは白い四角が出ます。

書き出し前にレイヤーパネルを確認し、編集用に足した単色背景を非表示にしてください。背景が必要なら、透過 PNG と統合済み JPEG の 2 回に分けて書き出し、納品先の要件を推測しないようにします。

サイズ・解像度・ファイル容量

PNG はドキュメントの解像度で書き出されます。3000 px のモックアップをそのまま出力すると数 MB になることが多いので、Web 用なら先に表示サイズへ縮小してから書き出します。書き出し後に縮小すると再サンプリングが一段増え、細部が甘くなります。

PNG は無劣化なので品質スライダーはありません。調整できるのは寸法と色深度だけです。写真のように平坦でない画像なら、JPEG か WebP の方が容量は小さくなります。