レッスン 4

PNG 出力と印刷品質

サイズ、コントラスト、quiet zone、ラスター出力。

多くのブラウザ側ジェネレータは PNG—ラスター画像—をエクスポートします。いくつかの物理制約を守れば、スライド、PDF、多くの印刷ワークフローに問題ありません。

出力サイズ(ピクセル)

大きな PNG はダウンスケール時にプリンタとプロジェクターにより多くのモジュール/インチを与えます。ステッカーやスライド向け:

  • 画面表示には 256px–512px エクスポートを優先
  • 小さな印刷では最終印刷サイズより大きくエクスポートし、レイアウトツールに縮小させる—小さな PNG を拡大しない

コントラスト

スキャナには明確な暗/明の分離が必要:

  • 明るい背景に暗い前景が最も安全なデフォルト
  • 暗地に明るい前景は画面では動くことがあるが、印刷とグレアでより失敗しやすい
  • コントラストが強ければブランド色も可—仮定せずテスト

Quiet zone(余白)

コードの周りに空白を残す。テキスト、境界、ロゴに記号を詰め込むと、高い誤り訂正でも成功スキャンが減ります。

PNG vs ベクター

PNG はピクセル;SVG(利用可能時)は大判印刷向けにきれいにスケール。DevCove のジェネレータでは PNG が主要エクスポート—対象表示サイズの最終アセットとして扱うか、印刷向けにオーバーサンプルしてエクスポート。

要点

サイズ、コントラスト、余白 は誤り訂正と同じくらい重要。エクスポートし、最終サイズで配置し、大量生産前に対象媒体で 1 回スキャンしてください。

実践したいときは関連する DevCove ツールを使えます。任意であり、このレッスンの必須部分ではありません。

関連ツールを開く

コース概要へ戻る