写真を VHS 風にする方法
- 写真をキャンバスにドロップするか、貼り付けるか、クリックして選びます。画像はブラウザから出ません。
- VHS Tape を選んだまま ディテール でテープの状態を決めます。高いと新しいテープ、低いと使い込んだレンタルテープです。
- PNG を書き出します。アカウント不要、透かしなし。
VHS エフェクトの仕組み
VHS の画が古く見えるのは、上に質感を重ねたからではなく、信号がテープを通った経路のせいです。このフィルターは 1 回のピクセル処理でその経路を再現します。
- 輝度と色を分ける。 各ピクセルをアナログ映像の「輝度 + 色」符号化である YIQ に変換し、輝度と色を別々に処理します。これが質感の核です。
- 柔らかい輝度とハロー。 輝度は行方向にだけぼかします（1400px の画像で 1–3px）。テープが失うのは水平解像度で、垂直ではないからです。そこにビデオデッキの輪郭強調を足すので、硬いエッジにレンタルテープでおなじみの明暗のハローが出ます。
- 色にじみ。 色は横に 7–14px 引き伸ばされ、本来の形より 3–4px ほど右にずれます。彩度は 70% に下がり、わずかに暖かいマゼンタに寄り、黒は持ち上がって真っ黒にはなりません。
- 走行系の乱れ。 各行がなめらかな小さい揺れで左右にずれます。画面下端 6% は一時停止時のヘッド切替ノイズのように右へ裂け、高さの約 3 分の 2 の位置にトラッキングの乱れた帯が 1 本入り、行のずれと砂嵐の筋が出ます。数行には白いドロップアウトの筋が入ります。
- 粒子とフィールド。 輝度に細かい粒子を加え、1 行おきに約 7% 暗くしてテレビのインターレースの 2 フィールドを再現します。
- 画面表示。 左下にビデオカメラの日付と時刻、上には再生画面（PLAY ▶ と SP）か録画画面（赤い ● REC と電池表示）を描きます。スタイルの切り替え、文字の非表示、日付と時刻の変更ができ、自分の写真を読み込むと日付はファイルの時刻から始まります。
| スライダー | 何を変えるか | 使いやすい範囲 |
|---|---|---|
| ディテール | テープの状態：ぼけ、色の流れ、揺れ、裂け、トラッキング帯、ドロップアウト | 70–100 はきれいな録画、20–50 は傷んだテープ |
| 強度 | 元画像との混合（画面表示の文字も一緒に薄くなる） | 90–100 で完全なテープの画、50–70 で控えめに |
| コントラスト | 信号を符号化する前にかけるトーンカーブ | 夜景をくっきりさせたいときに上げる |
処理はすべてブラウザ内の Canvas 2D バッファで行われ、画像はアップロードされません。書き出した PNG は元のサイズを保ち、長辺は最大 1400px です。結果は静止画で、ノイズは動きません。同じページの CRT Scanlines はテープを再生したテレビを足し、Pixel Sort はトラッキングが完全に外れたように行をさらに引き伸ばします。フィルターは 1 回で重ねられないので、書き出した PNG を戻して 2 つ目をかけてください。
向いている用途
- 懐かしいホームビデオや 90 年代の家族映像風の投稿
- アルバムやミックステープのジャケット、MV のスチル
- ファウンドフッテージやアナログホラー風のビジュアル
- 90 年代ビデオカメラ風のサムネイルやポスター
