PNGは画像ファイル形式、CMYKは主に印刷で使う色の表現・出力系です。W3CのPNG Specification Third Editionで定義される色タイプは、グレースケール、RGBのTruecolor、インデックスカラーと、それぞれのアルファ付き形式です。CMYKの4チャンネルを画素として保持するPNG色タイプはありません。
印刷でCMYKが必要な場合は、PNGを“CMYK PNG”にするのではなく、元のRGB画像を印刷条件に合うCMYKプロファイルへ変換し、入稿先が指定するPDF・TIFF・PSD・AIなどの形式へ渡すのが基本です。まず全体像をつかみたい方は、RGBとCMYKの違いもあわせて確認してください。
→
→
→
→
大事なのは、PNGの拡張子を変えることではなく、RGBの色をどの印刷条件へ変換するかです。
PNGはCMYKにできる?疑問を先に4行で整理
| 疑問 | 結論 | 次に確認 |
|---|---|---|
| PNGのままCMYK4チャンネルを保持できる? | 標準仕様ではできません。 | RGBの仕組み |
| CMYKドキュメントをPNG保存したら? | アプリ側でRGB系のPNGへ変換されることがあります。CMYKのまま保持されたとは判断できません。 | カラーコード検索・変換 |
| PNGを印刷に使える? | 入稿先が受け付ける場合は使えます。ただし、画像形式やRGB→CMYK変換の扱いは印刷会社ごとに異なります。 | CMYKの基本 |
| RGBからCMYKへ変えると色は変わる? | 変わることがあります。出力色域・ICCプロファイル・紙・インクなどが影響します。 | 色を比べる |
PNGのColor Typeは0・2・3・4・6|CMYKがないことを仕様から確認
PNGのIHDRには、画像サイズのほかにBit depthとColor typeが記録されます。W3Cの現行Third Editionでは、Color typeは0・2・3・4・6の5種類です。TruecolorはRGB、Truecolor with alphaはRGBAで、CMYKに相当する色タイプは定義されていません。
| Color Type | 画像タイプ | 1画素の内容 | 許可Bit depth |
|---|---|---|---|
| 0 | Greyscale | グレー1サンプル | 1 / 2 / 4 / 8 / 16 |
| 2 | Truecolor | R・G・B | 8 / 16 |
| 3 | Indexed-color | RGBパレットへのインデックス | 1 / 2 / 4 / 8 |
| 4 | Greyscale with alpha | グレー・Alpha | 8 / 16 |
| 6 | Truecolor with alpha | R・G・B・Alpha | 8 / 16 |
「PNGはRGB画像」とだけ覚えるより、PNGはRGB系・グレースケール・インデックスカラーを扱えるが、CMYK画素は標準色タイプとして持たないと理解する方が正確です。RGB値の読み方はRGB色見本・数値一覧で確認できます。
PNGは色情報も持てる|iCCP・sRGB・cICPを理解する
PNGは画素だけでなく、色をどう解釈するかを助ける色情報も保持できます。Third Editionには、cHRM、gAMA、iCCP、sRGB、cICPなどの色空間情報用チャンクがあります。
| チャンク | 役割 | CMYKとの関係 |
|---|---|---|
| iCCP | ICCプロファイルを埋め込む | カラー画像では埋め込みICCプロファイルの色空間はRGBである必要があります。 |
| sRGB | 画像がsRGBであることとレンダリングインテントを示す | Web・一般表示で重要なRGB色空間情報です。 |
| cICP | 色の原色・伝達関数などをコードポイントで示す | Third EditionではPNGでサポートされる色モデルはRGBで、Matrix Coefficientsは0とされます。 |
| gAMA / cHRM | ガンマ、原色・白色点の情報 | 色の見え方をそろえる補助情報になります。 |
PNGにICCプロファイルを埋め込めることと、PNGがCMYK画素を持てることは別問題です。W3C仕様では、カラー画像のiCCPプロファイルはRGB色空間である必要があります。
透明PNGを印刷に使うときは「透明度」も別に確認する
PNGはアルファチャンネルを持てるため、Webではロゴや切り抜き素材に便利です。しかし、印刷工程では透明の扱いが最終PDFや制作ソフト、RIP、入稿条件に左右されます。「透明PNGだからそのまま安全」とは限りません。
特に背景色の上に半透明PNGを置いている場合は、画面上の合成結果と最終印刷物の結果が完全に一致するとは限りません。最終入稿形式がPDFの場合は、印刷会社が指定するPDF/Xや透明の扱いを優先してください。
透明PNGを使うこと自体が間違いなのではありません。問題は「最終的にどの入稿形式へ組み込み、どの印刷条件で処理されるか」です。PNG単体ではなく、最終成果物のワークフローで判断します。
RGBとCMYKの違い|PNG印刷で押さえるべき5項目
| 項目 | RGB | CMYK |
|---|---|---|
| 主な用途 | Web・スマホ・ディスプレイ・デジタル画像 | プロセス印刷・入稿・プリンター出力 |
| 成分 | Red / Green / Blue | Cyan / Magenta / Yellow / Black |
| 色の作り方 | 光を加える加法混色 | インクが光を吸収する減法混色 |
| 色域 | sRGB、Display P3等で異なる | 印刷条件・ICCプロファイル・紙・インク等で異なる |
| 数値変換 | 出力先に応じてCMYKへ変換 | 単一の固定換算ではなく出力条件が重要 |
RGB/CMYKの基礎を別ページで整理したい場合は、RGBとは?、CMYKとは?、RGBとCMYKの違いへ進めます。
CMYK4色の色チップは「画面表示例」|HEXと印刷インクを同一視しない
以下は、色しるべの色DBへつなぐためのRGBディスプレイ上の表示例です。C100・M100・Y100・K100の印刷結果をHEXで定義しているわけではありません。
同じCMYK数値でも、ICCプロファイル、紙、インク、印刷機、網点条件、照明によって見え方は変わります。画面上のHEXは印刷物そのものの代替ではありません。数値例はCMYK色見本・カラーチャートで確認してください。
RGB→CMYKの「参考値」をその場で試す|入稿値ではありません
次のミニツールは、RGB 0〜255を一般的な数式で0〜100%のCMYKへ置き換える学習用の参考計算です。ICCプロファイルを使った色管理変換ではないため、印刷会社へ渡すCMYK値としては使わないでください。
注意:これはプロファイル非依存の簡易式です。印刷用変換は、出力先が指定するICCプロファイルや印刷条件を優先してください。
RGB→CMYKで色が変わる理由|固定の「正解CMYK値」はない
Adobeは、RGBからCMYKへモード変換すると、CMYKの作業用スペースで再現できないRGB色がCMYK側へ再マッピングされると説明しています。つまり「RGB(○,○,○)ならCMYKは必ず○,○,○,○」という単一の正解はありません。
鮮やかな青・緑・紫、蛍光感のある色などは、特定のCMYK印刷条件では同じ見え方を再現できないことがあります。変換前後を視覚的に比較したい場合は、色しるべの色比較も利用できます。
ICCプロファイルが重要|「CMYKへ変換」より「どのCMYKへ変換」が本題
ICCプロファイルは、モニター・カメラ・プリンターなどの機器や色空間が色をどのように再現するかを扱うための仕組みです。Photoshopでは「プロファイル変換」を使い、特定の出力プロファイルへ画像を準備できます。
同じRGB画像でも、出力先のプロファイルが違えばCMYK値や変換結果が変わり得ます。印刷会社がプロファイルを指定している場合は、その条件を優先します。詳しくはICCプロファイルとは?へ進んでください。
PNGを印刷用データへ持っていく基本フロー
PSD・AIなど編集可能な元データと、元のRGB画像を保存します。CMYKへ変換したファイルだけを残さないようにします。
推奨形式、PDF/X、ICCプロファイル、塗り足し、解像度、透明の扱いを確認します。
必要な編集を先に完了し、最終出力条件が決まってからCMYK変換する方が柔軟です。
指定プロファイルがある場合はそれを使い、ソフトプルーフや校正で見え方を確認します。
PDF・TIFF・PSD・AIなど、入稿先が受け付ける形式にします。
Photoshop・Illustrator・Canvaでは何をすればいい?
画像中心の制作
- 元のRGB画像・レイヤー付きデータを保存
- 必要なら「表示 → 色の校正」で出力をプレビュー
- 指定がある場合は「編集 → プロファイル変換」
- 入稿先が指定する形式で保存
レイアウト・ベクター中心
- 印刷用途ならドキュメントのカラーモードを確認
- 配置画像のプロファイルも確認
- 出力先のプロファイル・PDF/X条件を確認
- 印刷会社指定のPDFプリセットを優先
簡易制作・印刷用PDF
- 印刷用途では塗り足し・安全域を確認
- PDF(印刷用)を基本候補にする
- RGB画面とCMYK印刷の色差を前提に校正
- 最終的には入稿先の指定を優先
印刷会社へ入稿
- PNG可否だけで判断しない
- 推奨形式とCMYK変換の扱いを確認
- 自動変換の有無を確認
- 最終確認PDFや校正を確認
たとえばラクスルの案内では、画像(JPEG/PNG)は印刷用データに適していない場合があり、RGB画像はデータチェック時にCMYK変換されると説明されています。一方で、サービスや商品によって入稿条件は異なります。必ず利用する印刷会社の最新仕様を確認してください。
PNG・JPEG・TIFF・PSD・PDFはどう使い分ける?
| 形式 | 強み | 印刷入稿での考え方 |
|---|---|---|
| PNG | 可逆圧縮・透明・Web素材 | CMYK色タイプはない。受け付け可否と変換工程を確認。 |
| JPEG | 写真の軽量化 | 非可逆圧縮。入稿先が対応していても品質・解像度に注意。 |
| TIFF | 高品質ラスター、CMYK運用 | 画像単体の印刷ワークフローで使われることがある。 |
| PSD | Photoshop編集情報 | 制作・受け渡しで便利だが、入稿先の対応を確認。 |
| PDF / PDF/X | レイアウト・フォント・色管理をまとめやすい | 印刷入稿で広く使われる。PDF/Xの種類・出力条件は入稿先に合わせる。 |
IllustratorはPDF/X-1a、PDF/X-3、PDF/X-4などをサポートし、Adobeは信頼できる印刷出版ワークフロー向けにPDF/X-4:2008を推奨しています。ただし、実際の入稿では印刷会社の指定が最優先です。
よくある失敗|PNGとCMYKで間違えやすいポイント
- 拡張子だけ変えてCMYK化したつもりになるファイル形式と色空間は別です。
- HEXとCMYKを一対一の固定値だと思う出力プロファイルが変われば変換結果も変わり得ます。
- 画面の鮮やかさを印刷でも再現できると思うRGB色域の一部は特定CMYK条件では再現できません。
- CMYKへ早い段階で変換して元データを失う元のRGB・編集可能データを残します。
- 印刷会社の入稿条件を見ずにPNGだけ渡す推奨形式・解像度・プロファイル・透明・塗り足しを確認します。
目的別|次にどこを見ればいい?
色差を見たい2色を並べて比較する色比較 →
基礎から理解RGBとCMYKの違いを整理する基礎HUB →
印刷色管理を深掘りICCプロファイルを理解する色管理 →
PNGとCMYKのよくある質問
PNGをCMYKモードで保存できますか?
PNG標準仕様にCMYK色タイプはありません。CMYKが必要な印刷工程では、RGBから出力条件に合うCMYKへ変換し、入稿先が指定する形式で渡します。
PhotoshopでCMYK画像をPNG保存するとCMYKのままですか?
「CMYKで作業していた」ことと「PNG内部がCMYKである」ことは別です。PNGの標準色タイプはCMYKではないため、書き出し時のソフト挙動と色情報を確認してください。
PNGは印刷に使ってはいけませんか?
一律に禁止ではありません。印刷会社や商品によってPNGを受け付ける場合もあります。ただし、推奨形式・RGB→CMYK変換・解像度・透明の扱いを確認する必要があります。
RGBからCMYKへ変換する正しい数値はありますか?
一意の固定値はありません。印刷条件やICCプロファイルによって結果が変わります。簡易式の数値は学習用の参考として扱ってください。
PNGにICCプロファイルは埋め込めますか?
はい。PNGにはiCCPチャンクがあります。ただしW3C仕様では、カラーPNGに埋め込むICCプロファイルの色空間はRGBである必要があります。
色しるべなら、PNGから「色」そのものまで追える
このテーマは、PNGとCMYKだけで終わりません。色しるべでは、ファイル形式・色空間・印刷だけでなく、実際の色名・カラーコード・近似色・色差まで同じサイト内でたどれます。
HEX・RGBなどの数値を確認し、色データを横断します。
開く →
COLOR TOOL色を比べる
2色の見え方や差を並べて確認します。
開く →
1,000 COLORS色検索
色名・HEX・色系統・トーンから色を探します。
開く →
COLOR ENCYCLOPEDIA色図鑑
個別色のHEX・RGB・由来・近似色へ進みます。
開く →
まとめ|PNGをCMYKにするのではなく、印刷ワークフロー全体で考える
PNGの標準仕様にはCMYK色タイプはありません。PNGのカラー画像はRGBを基礎にし、iCCP・sRGB・cICPなどの色情報によって色の解釈を補助できます。印刷では、元のRGB画像を適切なICCプロファイルでCMYKへ変換し、入稿先が指定する形式へまとめるのが基本です。
「PNGだからダメ」「CMYKにすれば正解」と単純化せず、元データ → RGB → 色管理 → 出力CMYK → 入稿形式 → 校正を一つの流れとして考えることが、色を崩さないための近道です。
参考にした一次・公式資料
- W3C|Portable Network Graphics (PNG) Specification (Third Edition)
- Adobe Photoshop|他のカラーモードへの画像の変換
- Adobe Photoshop|カラープロファイルについて
- Adobe Illustrator|Adobe PDFファイル / PDF/X
- Canva|画面RGBとCMYK印刷の色差
- ラクスル|Illustrator以外のデータも印刷できる?
色しるべでさらに調べる
この記事の続きとして、関連する色・知識・ツールへそのまま移動できます。
ツールで確認・比較する
次に読むと理解が深まる記事
RGBとCMYKの違いを比較。画面と印刷、加法混色と減法混色、色域、変換時に色が変わ…
詳しく見る →深掘り記事CMYKとは?印刷の色の仕組みとRGBとの違いCMYKとは何かを初心者向けに解説。RGBとの違い、減法混色、K(黒)の役割、印刷で…
詳しく見る →深掘り記事RGBとは?色の仕組み・数値・カラーコードを解説RGBとは何かを初心者向けに解説。赤・緑・青の数値、sRGB、HEXカラーコード、C…
詳しく見る →深掘り記事CMYK色見本・カラーチャート|代表色の数値と見方CMYK色見本・カラーチャートの読み方を解説。C100/M100/Y100/K100…
詳しく見る →深掘り記事RGB色見本・数値一覧|RGB値とカラーコードの見方RGB色見本・数値一覧。赤・緑・青・シアン・マゼンタ・黄・白・黒などのRGB値とHE…
詳しく見る →深掘り記事DICカラーとは?CMYKとの違い・色指定・近似色の考え方DICカラーとは?DICカラーガイド、特色、CMYK・RGB近似値との違い、印刷で色…
詳しく見る →
