ページ全体のキャプチャをとると、CSSの角丸部分にジャギが目立つ
-
下記のページのようにCSSの角丸をつかったページの、ページ全体をキャプチャ機能で画像化すると、
http://www.htmq.com/css3/border-radius.shtml角丸部分がジャギの目立つ画像になってしまいます。
私の確認環境がMacBook ProのRetinaモデルなので、その辺りも再現条件に関係しているかもしれません。
Vivaldi 2.1.1328.4 (Official Build) (64-bit)
macOS 10.14 (18A391)
MacBookPro(Retinaディスプレイ) -
ご返信ありがとうございます。
丁寧に複数キャプチャも付けていただいて恐縮なのですが、私の書き方が紛らわしかったようですいません。
ジャギが目立つ、というのは、Vivaldiの画面上のことではなく、
Vivaldiのキャプチャ機能(ステータスバーのカメラアイコン)で、ページ全体をキャプチャした画像データのほうの表示についてです。 -
@zyxwj ご返信ありがとうございます。
Vivaldiで全画面キャプチャーし部分キャプチャーしたものと角丸の部分を比較して変化はあるか無いか。
↓
全画面キャプチャのときのみジャギっています。
部分キャプチャの場合は問題ありません。jpg保存で改善されるかどうか。
↓
JPEGの場合もPNGと同様、全画面の場合のみジャギるようです。Macのスクショ機能でキャプチャーした場合はジャギらないかご確認ください。
↓
Macの機能のスクショでは問題ありません。以下、結果画像を貼っておきます。
-
@zyxwj 返信ありがとうございます。
ページ出力で出された画像の横幅って何pxでしたでしょうか?
前の返信はすべて、Macでフルスクリーン表示をした状態で、
CSSの角丸が適応されている箇所だけを切り抜いたものを貼っていました。画像をそのまま貼ると、圧縮されてしまうようなので、Google Drive に Vivaldi のキャプチャ機能で作成した画像ファイルをそのままアップしてみました。
念のため、ブラウザウインドウの表示サイズを小さくした上で、画面全体をキャプチャしたものをアップしました(結果は変わらずやはりジャギっているようでした)
Googleドライブ上のプレビューだとわかりづらいかもしれません
ダウンロードして確認いただけると幸いです。幅800px程度で全画面キャプチャした画像
https://drive.google.com/open?id=1DikxhAbfQ_7jDQJTVz-pRcKO9HrGeDRwフルスクリーン表示(幅1280px = Retinaディスプレイ2560px)でキャプチャした画像
https://drive.google.com/open?id=1vcVaxSg9XjHNA3wUJrDUpAN_fglFGLJL拡大するとこんな感じです
-
@nibushibu ご報告・詳細情報ありがとうございます!社内にて再現・報告いたしました。