一部のファイルでわずかに白い線が表示されるのはなぜですか？

PDFをHTML5またはSVGに変換する際、生成された出力に細い白い線が現れるファイルの一部に気づくことがあります。この白い線は、元のPDFファイルではあまり見えないこともありますし、拡大・縮小すると現れたり消えたりすることもあります。

一部のPDFファイルがこのようになっているのはなぜですか？

この現象は、Adobe InDesignで作成されたPDFファイルや、AdobeのPDF最適化/圧縮ツールで圧縮されたPDFファイルによく見られます。具体的には、「透明部分の分割･統合」機能が原因です。この機能は、透明部分の周囲でPDFコンテンツを切り取り、その部分を統合することで機能します。また、この機能によって、透明度に関係なく、大きな画像が小さなタイルに細分化されることも確認されています。

詳しくはこちらをご覧ください：

透明が使用されているアートワークの統合（InDesign）
https://helpx.adobe.com/jp/indesign/using/flattening-transparent-artwork.html

透明部分の分割・統合（Acrobat Pro）
https://helpx.adobe.com/jp/acrobat/using/transparency-flattening-acrobat-pro.html

白い線の原因は何ですか？

PDFコンテンツを分割する際、透明部分の分割･統合処理によって、各サブセクションの周囲にクリップ領域が追加されます。これは非常に微細な公差で行われるため、サブセクション間のピクセルがクリップ領域の外側にわずかに存在することになり、その結果、それらのピクセルが完全に塗りつぶされていないセクション間に細い線が現れます。

なぜBuildVuでは線が目立つのですか？

コンテンツが部分的にしか重なっていないピクセルを描画するグラフィックレンダリングエンジンの違いに起因して、一部のPDFビューアではより顕著に発生します。この問題が発生するファイルは、スキャン変換と呼ばれるPDFの機能に依存しています。スキャン変換は、コンテンツが部分的にしか重なっていない場合にピクセルをどのように描画するかを決定する、グラフィックスレンダラによって制御されるプロセスです。

PDFの仕様では、コンテンツが部分的にしか重なっていない場合でもピクセルを完全に塗りつぶす、非常に寛容なスキャン変換が求められています。しかし、HTMLやSVGへの変換は、コンテンツのレンダリングをウェブブラウザに依存することを意味し、ウェブブラウザはスキャン変換の制御を提供しません。

回避策はありますか？

この問題の回避策が2024.05.30のデイリービルドに追加されました。

詳しくはこちらをご覧ください：白い線が表示される問題の改善