「Inkscapeでは絵が見えるのに、PNGにすると真っ白」と困っていませんか？作り直す前に、絵のある場所と書き出す範囲が一致しているかを確認します。白い絵と透明背景の組み合わせでも、何もないように見えることがありますね。
対象：Windows 11を中心とするPC版。画面名はアプリの版や表示言語で異なるため、近い名称の項目を確認してくださいね。
▶本記事の概要
- PNGが真っ白になる場所と書き出し範囲を確認する
- ページ・描画・選択を切り替えてPNGを書き出す
- 透明背景と保存先を確認して再発を防ぐ
- まとめ
- キャンバスの絵とページの位置を比べる
- 白い画像と透明な画像を分ける
PNGが真っ白になる場所と書き出し範囲を確認する
キャンバスの絵とページの位置を比べる
ページの外にも図形を置けるため、編集画面に見えるものがすべてPNGへ入るとは限りません。書き出し対象が「ページ」の場合は、ページ枠の内側に絵があるか確かめてくださいね。
- ページの外にロゴを置いていないか
- 別のページを選んでいないか
- カスタム範囲に以前の座標が残っていないか
まずSVGを別名保存し、コピー側で確認します。絵を消したり全選択で移動したりする前に、現在の位置を残すと安心ですね。
白い画像と透明な画像を分ける
PNGを白い背景で見ると、白い図形が背景へ溶け込む場合があります。暗い背景のビューアーでも開き、輪郭が見えるか比較してくださいね。
GIMPで透明部分と背景色を確認する方法はこちらから確認してくださいね。
- 必要な図形を選択して範囲を合わせる
- 用途に合わせてページと描画を選ぶ
ページ・描画・選択を切り替えてPNGを書き出す
必要な図形を選択して範囲を合わせる
- 選択ツールで書き出したい図形を選ぶ
- 「ファイル」から「エクスポート」を開く（Ctrl＋Shift＋E）
- 範囲を「選択」にしてプレビューと寸法を確認
- PNG形式と新しい保存名を指定
- エクスポートを実行し、保存した画像を開く
「選択」は選んだオブジェクトの範囲を使う指定です。重なっている別の図形まで除外されるとは限らない点も覚えておきたいですね。
用途に合わせてページと描画を選ぶ
- ページ：決まった用紙・画像サイズを維持したい時
- 描画：キャンバス上の絵全体を対象にしたい時
- 選択：選んだ図形の範囲を使いたい時
- カスタム：座標で範囲を指定したい時
「描画」にすると遠くに置いた小さな図形まで含まれ、目的の絵が極端に小さく見える場合があります。見えないほど小さいPNGなら、選択した絵だけを試すと比較しやすいですね。
- 背景の透明度と図形の色を確かめる
- 別名の小さな画像で保存結果を比べる
透明背景と保存先を確認して再発を防ぐ
背景の透明度と図形の色を確かめる
背景を白で固定したい場合は、ドキュメントのプロパティで背景色とアルファ値を確認します。透明PNGが必要なら、背景を不透明にする操作は不要ですね。
白く見えることだけを理由に、透明背景を消さないでください。利用先が白背景かどうかも確認すると判断しやすいですね。
別名の小さな画像で保存結果を比べる
元の出力に上書きせず、test-01.pngなどの名前で保存します。画像を開く時は更新日時も見て、以前の白いファイルを開いていないか確認してくださいね。
簡単な色付き四角形を新規文書から書き出せるかも比較材料になります。新規文書は正常なら、元文書の範囲や透明度、非表示状態を調べる順番ですね。
保存した画像がWindowsの検索に出ない時の確認方法はこちらから確認してくださいね。
相談時はInkscapeの版、選んだ範囲、PNGの寸法、別文書での結果を控えます。機密図面を含まない再現用SVGがあると説明しやすいですね。
まとめ
InkscapeのPNGが真っ白な時は、まず範囲と背景の見え方を確認します。SVGを残し、別名で一枚ずつ比較すると戻しやすいですね。
▶本記事の振り返り
- ページ枠と図形の位置を比べる
- 選択範囲で小さく書き出して試す
- 白い図形と透明背景を区別する
- 保存先・更新日時も確認する
参考資料・情報確認日：2026年10月21日
コメント