PNG：1:1ピクセル確認用
PNGは固定サイズなので、拡大しない画面で切り抜き、グリッド、円の形、ピクセルマッピングを確認するのに向いています。
ディスプレイテストカード生成ツール
解像度とテストレイヤーを選び、テレビ、モニター、プロジェクター用のPNGまたはSVGカードを作成します。
カード設定
解像度プリセット
出力形式
カードの準備ができました。設定を調整するか、そのまま出力できます。
プレビューと出力
1920 × 1080
Escで全画面を終了
Escで全画面を終了
出力概要出力可能
カードサイズ1920 × 108016:9 · PNG
- 総ピクセル数
- 2,073,600
- RGBAメモリの推定
- 7.9 MB
- 有効なレイヤー
- 8
- ファイル名
- display-test-card-1920x1080.png
現在のレイヤー
- ピクセル枠
- グリッド
- 幾何学的な円
- 中央の十字
- 安全領域
- 標準カラーバー
- グレースケール帯
- 四隅のマーク
プレビューは縮小Canvasを使い、ダウンロードは指定ピクセルサイズまたはSVGのviewBoxで生成します。
固定ピクセルと拡大可能なカードの選び方
SVG：複数サイズとベクター出力用
SVGは1つのviewBoxにレイヤーを保ったまま無劣化で拡大できます。ただし表示側で拡大すると1px線が再サンプリングされ、厳密なピクセル証拠にはなりません。
詳しく見る
テストカードの作成と利用
目標解像度を選び、グリッド、円、中央十字、安全領域、カラーバー、グレースケールを組み合わせます。1:1確認にはPNGをダウンロードし、再生側の拡大、オーバースキャン、画質補正をオフにします。印刷や複数サイズにはSVGを使います。
生成方法とサイズ計算
プレビューは空き領域に合わせて描き、出力時に目標サイズを作ります。安全領域は選択した割合を幅と高さに適用し、円は短い辺を基準にして幾何学的な伸びを確認します。
性能と範囲
Canvasの上限はブラウザーや端末で異なります。8K PNGは追加キャッシュを除いて約126.6MBのRGBAメモリを使うことがあります。失敗したらSVG、低いサイズ、少ないレイヤーを試してください。
PNGとSVGはどう選ぶ？
ピクセルマッピング、切り抜き、1ピクセル確認にはPNG。無劣化の拡大、印刷、複数サイズにはSVGを使います。拡大したSVGは元の1ピクセルを表しません。
4Kや8Kの出力に失敗したら？
SVGを試し、不要なレイヤーを外し、グリッドを粗くし、メモリを使うページを閉じるかサイズを下げてください。
テレビで円が楕円に見えるのはなぜ？
入力、プレーヤー、テレビが非等比の拡大をしている可能性があります。解像度とモードを合わせ、伸張、拡大、オーバースキャンをオフにします。
安全領域は何パーセントがよい？
90%は一般的な目安です。放送、配信、字幕、プラットフォームでは別の余白が必要な場合があります。
プライバシー・実装・出典
プレビューと出力はこのブラウザー内で行います。設定やファイルのアップロード、第三者ランタイムAPIの呼び出しはありません。
ネイティブHTML、CSS、JavaScriptで実装しており、第三者の実行ライブラリは含みません。