ウェブページのPDF化時のフォントの処理

[eeton]

お世話になります。
Windows 10および11(どちらもバージョン21H2 64bit)のPCで、PDF仮想プリンターを利用してFirefox(遅くともバージョン99以降)で表示しているウェブページをPDF化した際、一部のページで
・文字部分が画像化され、拡大するとジャギーになっている
・文字部分の線が歪む、線の太さや間隔が不均一になる
・一連の文字列で画像化される部分とされない部分が混ざる
という現象が起きます。
また、Firefox内蔵の「PDFに保存」ではこれらのような現象は起きませんが、代わりに
・画像の劣化、位置ずれ
・文字が二重にぶれる
という現象が起きる場合があります。
Microsoft EdgeやGoogle Chromeでは起きないので、Firefox固有の問題(印刷時の内部処理か設定か)ではないかと推測しています。
about:config で print.default_dpi の値の変更は試しましたが、改善しませんでした。
他の設定の変更で解消可能でしょうか。ご助言等いただければと思います。

[EarlgreyTea]

eeton さん、EarlgreyTea と申します。

Windows 10および11(どちらもバージョン21H2 64bit)のPCで、PDF仮想プリンターを利用してFirefox(遅くともバージョン99以降)で表示しているウェブページをPDF化した際、一部のページで

PDF仮想プリンターを使ってPDF化するなら、Firefox ではあくまで印刷になり、実際の出力はPDF仮想プリンターのソフトで変わってくるかと思います。
私は「CubePDF」というものを使っていますので、同じもので試してみていただけないでしょうか。

そして「一部のページ」というのを具体的にURLで教えていただけないでしょうか。
お互い同じものを見ていないと、話が噛み合わないということになりかねませんので、
よろしくお願いします。

[eeton]

EarlgreyTea 様
ありがとうございます。

PDF仮想プリンターを使ってPDF化するなら、Firefox ではあくまで印刷になり、実際の出力はPDF仮想プリンターのソフトで変わってくるかと思います。
私は「CubePDF」というものを使っていますので、同じもので試してみていただけないでしょうか。

そして「一部のページ」というのを具体的にURLで教えていただけないでしょうか。
お互い同じものを見ていないと、話が噛み合わないということになりかねませんので、
よろしくお願いします。

すみません、最初の投稿で現象が起きるURL(複数)やPDF化後のスクリーンショットも記入・添付しようとしたのですが、スパムと判定されて投稿できず(h抜きや""で囲む等しても駄目でした)、概要のみの記載としました…
PDF仮想プリンターは「CubePDF」(バージョン2.0.1)とWindows内蔵の「Microsoft PDF 印刷(Microsoft Print to PDF)」を使用しましたが、どちらでも同じ現象が発生します(字形崩れについてはCubePDFの方が顕著)。

[eeton]

現象例1)
https://www.world-sds.co.jp/rack/
→4ページのPDF
1ページ目で文字が画像化
2ページ目以降で添付「文字崩れ.png」のように字形崩れ(文字部分の線が歪む、線の太さや間隔が不均一になる)

[eeton]

現象例2)
https://internet.watch.impress.co.jp/
→7ページのPDF
1ページ目と3ページ目で文字の画像化
2ページ目と4ページ目以降、文字を拡大すると「島」「曜」「載」などの文字で横線の太さや間隔が均一でない箇所がある(ブラウザーの表示上は均一)

[eeton]

現象例3)
https://www.jorudan.co.jp/
→2ページのPDF
1ページ目で文字の画像化
2ページ目、一連の文字列で画像化される部分とされない部分が混ざる箇所がある

[eeton]

Firefox内蔵の「PDFに保存」時の
・画像の劣化、位置ずれ→「画像ずれ1.png」「画像ずれ2.png」(赤枠線は私が描き込んだものです)
・文字が二重にぶれる→「文字二重ぶれ.png」

[EarlgreyTea]

eeton さん、返信ありがとうございます。
確認してみますね。

[EarlgreyTea]

eeton さん
まだ最初の事例しか見れておりません。
印刷での外部PDF化ソフトへの出力の事例3件と本体機能の事例1件についてコメントするのは、しばらく時間がかかりそうです。

文字の画像化というのは、通常であれば文字データも一緒に埋め込まれて、選択してコピーとかもできるところ、それが埋め込まれていないという状況かと思います。
ページ全体が画像化しているわけではないようです。

どういう時にそれが起きて、なぜ印刷のページ単位で違っているのかはまだよくわかりません。

[EarlgreyTea]

上記に事実誤認があったようです。
たしかに文字周囲にノイズを伴ってビットマップデータ化？してる場合があるようですね。
出先から取り急ぎコメントしました、

[EarlgreyTea]

eeton さん
改めて各現象例についてコメントします。
なお、テキストの画像化に関しては省きます。

現象例1)
https://www.world-sds.co.jp/rack/
（中略）
2ページ目以降で添付「文字崩れ.png」のように字形崩れ(文字部分の線が歪む、線の太さや間隔が不均一になる)

Chrome と Firefox で CubePDF へ出力してPDFを作成し、同程度に拡大表示（Adobe Acrobat Reader DC 使用）させた比較画像を作ってみました。

上が Chrome、下が Firefox です。拡大率によって微妙な際はあるものの、さほど変わりないかと思います。

サイトの該当箇所を調べますと RodinPro-M ( https://www.world-sds.co.jp/css/font/FOT-RodinPro-M.otf ) というWEBフォントを使っているようです。
WEBフォントを無効化したり、ブロックしていないでしょうか。

[EarlgreyTea]

現象例2)
https://internet.watch.impress.co.jp/

CubePDF へ出力してPDF化し、Adobe Acrobat Reader DC で同じ箇所を拡大表示したのが下記添付です。

別段問題無さそうに見えます。
フォントはメイリオが使用されています。

[EarlgreyTea]

現象例3)
https://www.jorudan.co.jp/
（中略）
2ページ目、一連の文字列で画像化される部分とされない部分が混ざる箇所がある

こんな具合になりました。

この箇所のフォントは「ＭＳ Ｐゴシック」ですね。
このフォントはビットマップフォントも内蔵されていて、小さいサイズではビットマップフォントが使用されます。
文字サイズが大きくない箇所でしたので、ビットマップになったりアウトラインになったりという差が出たのでしょう。

他の高品質なアウトラインフォントに置き換えて、それからPDF出力するといいのではないかと思います。

[EarlgreyTea]

Firefox内蔵の「PDFに保存」時の
・画像の劣化、位置ずれ→「画像ずれ1.png」「画像ずれ2.png」(赤枠線は私が描き込んだものです)

ジョルダンのサイトですね。
レイアウトのズレは、CubePDF に出力した場合も同様です。
これ、印刷のプレビューでは問題ないんですよね。

・文字が二重にぶれる→「文字二重ぶれ.png」

SDSのサイトのヘッダー部分の文言でしょうか。
「PDFに保存」に出力した場合のみ、同様の症状となることを確認しました。

以上、現象例を全て見させていただきました。

[eeton]

EarlgreyTea 様
検証ありがとうございます。

サイトの該当箇所を調べますと RodinPro-M ( https://www.world-sds.co.jp/css/font/FOT-RodinPro-M.otf ) というWEBフォントを使っているようです。
WEBフォントを無効化したり、ブロックしていないでしょうか。

WEBフォントの無効化やブロックは特にしていないです。
新しいプロファイルを作成して設定変更や拡張機能のインストールをしない状態で同様にPDF変換してもこの現象が起きていました。

下記2つの試行と結果から、エスディエス社様のページでの字形崩れについては当該のWEBフォントも原因の1つのような気がします。
・Firefoxの設定で「ウェブページが指定したフォントを優先する」のチェックを外した状態でPDF変換した場合は改善される
・当該フォントのサンプルページ( https://fontplus.jp/font-list/rodinpro-m )を同じ方法(「ウェブページが指定したフォントを優先する」はチェックした状態)でPDF変換した時に、フォントサイズが小さい箇所で同様の現象が起きる(フォントサイズが大きくなると目立たなくなる)