小さい画像・動画を引き伸ばして荒れたときの最終奥義「網点」

  • 78
    いいね
  • 3
    コメント
この記事は最終更新日から1年以上が経過しています。

素材が小さい、、、

手元にある画像素材が小さすぎる、、、
スマホ対応で動画の圧縮率をあげないと、、、
という場面は日常茶飯事かと思います。そして無理やり引き延ばすとモワモワに荒れてしまう、、、

素材
umi_kappa.jpg

2倍に拡大
umi_kappa_2.jpg

ひどいもんですね。。

網点を上から重ねてみると

下のような網点画像を作って先ほどの画像に重ねてみます。
説明のために32倍に拡大してキャプチャしてます。実際は1マス1pxです。

よこしま

p1.png

重ねると
umi_kappa_3.jpg

ちょっと粗さが目立たなくなりました。画像のトーンも全体的に暗くなっちゃいましたが、Coolになりました。

ななめ

p2.png

重ねると
umi_kappa_4.jpg

先ほどよりも2倍の大きさの網点なのでその分明るくなりました。

動画にも使えます

Webコンテンツで背景に動画を埋め込んでいるものもよく見かけます。ですが、そのようなコンテンツはウィンドウサイズによって動画を拡縮してしまうためどうしても荒くなってしまいます。
そういうときはこの網点を使うと荒さがおさえられます。

使用上の注意

網点重ねた画像をそのまま書き出してその画像自体を拡縮させてしまうと元画像の荒れとは別に網点画像がモワモワしてしまいます。

先ほどの画像を75%
umi_kappa_5.jpg

それを避けるためなるべく拡縮させないか、Webコンテンツであれば背景のパターン画像としてリピートされるようにしましょう。

雑談

僕は元々Flashから仕事を始めたので、こういうちょっとしたネタがあります。世はJSが人気ですが、こういうネタは変わらないなーと嬉しい今日このごろです。