ホーム 画像グリッチ

画像グリッチ

写真にデジタルグリッチアーティファクトと RGB シフトを追加——100% ブラウザ内で完結。

ソース

画像をここにドロップ

またはクリックして選択

.jpg.png.webp.gif.bmp

オプション

元画像
グリッチ後

画像グリッチ効果とは

画像グリッチ効果は、破損データ、壊れた映像信号、故障したハードウェアが生み出す視覚アーティファクトを模倣します。きれいな写真ではなく、ファイルが部分的に破損したかのような結果になります。水平行がずれ、色が赤と青のフリンジに分裂し、画像のランダムな切片が横に飛び出します。この効果は VHS テープの歪み、音楽ビデオのデータモッシング、そしてデジタルエラーを美学に変える「グリッチアート」運動を通じて人気になりました。

本ツールはこの外観を完全にブラウザ内で再現します。画像をアップロードし、スライダーでグリッチ量を選ぶと、ツールは Canvas API で生ピクセルバッファを読み取り、ランダムに水平行を位移し、赤と青のカラーチャンネルをオフセットして、デジタル破損特有の裂けた虹縁の外観を生成します。何もアップロードされず、結果はほぼ瞬時に得られます。

グリッチフィルタの仕組み

本ツールは内部で Canvas 2D API を使用します。元画像がオフスクリーンキャンバスに描画され、getImageData が生ピクセルバッファを返します。2 つのパスが適用されます。第 1 パスは行変位で、グリッチ量で制御される一部の行がそれぞれランダムなオフセットで水平にシフトされ、ピクセルは縁で巻き戻るため画像の一部は失われません。第 2 パスはチャンネル分裂で、赤チャンネルは右側の数ピクセルから、青チャンネルは左側の数ピクセルからサンプリングされ、グリッチ画像を極めて不安定に見せる色収差フリンジを生み出します。

グリッチ量スライダーは、任意の行が変位する確率、最大水平シフト量、カラーチャンネルオフセットの大きさの 3 つのパラメータを同時にスケーリングします。0% では画像は無傷、100% では画像は激しく裂かれ、すべての縁に強い赤と青のハローが付きます。すべての操作が直接的なピクセル操作のため、大きな画像でも瞬時に処理されます。

グリッチと他の歪み効果の違い

グリッチは関連フィルタと混同されがちですが、明確な個性を持ちます。ノイズは各ピクセルに一様にランダムな斑点を加えますが、グリッチは行全体を動かしチャンネルを分裂させ、局所的な詳細を保ちつつ全体構造を壊します。スキャンラインは CRT モニタを想起させるため定期的な水平線を暗くしますが、グリッチの行はランダムな位置に現れ、暗くされるのではなく横にシフトします。ピクセレートはピクセルのブロックを大きな正方形に平均化し、裂けた信号ではなくモザイクを生成します。

真のグリッチの特徴は構造的な破壊です。画像は一部ではまだ写真に見えますが、断片が間違った位置にあり、カラーチャンネルがもう整列していません。これにより、単に画像を柔らかくしたり様式化したりするのではなく、破損データ、ハッキングされた送信、故障した画面を暗示したい場合にグリッチが頼れる効果になります。

グリッチ効果を使う場面

グリッチ美学は、何かが間違っている、壊れている、異世界的であることを伝えたい時の強力な選択です。よくある場面は以下の通りです:

  • アルバム・ポスターアート。裂けた行とカラーフリンジが音楽ビジュアルにエッジの効いた電子的な感触を与え、フィードや棚で目立たせます。
  • サイバーパンク・SF。UI スクリーンショット、キャラクターのポートレート、背景にグリッチを使い、ハックされたシステムや不安定な仮想現実を暗示します。
  • ソーシャルメディア。控えめなグリッチ量が普通の写真をスクロールを止める目を引くシェア可能な瞬間に変えます。
  • 動画サムネイル。グリッチはアクション、危険、ひねりを暗示し、視聴者のクリックを促します。
  • プライバシーマスキング。強い変位は全体の構図を認識可能に保ちつつ、スクリーンショットの識別詳細を曖昧にできます。

きれいで洗練された画像が安全すぎると感じる時、制御されたグリッチの投与で数秒のうちに緊張と興味を加えられます。

画像にグリッチ効果を追加する方法

グリッチの追加は数秒で完了し、すべてブラウザ内で行われます——アップロード不要、登録不要、透かしなし。以下の手順で進めてください:

  1. 画像をアップロード。アップロードエリアをクリックするか、JPG、PNG、WebP、GIF、BMP ファイルをドラッグ&ドロップします。画像は即座にデコードされプレビュー表示されます。
  2. グリッチ量を設定。0〜100% のスライダーを使います。低い値は繊細な裂け目を加え、高い値は劇的で重度に破損した出力を生成します。
  3. 出力形式を選択。PNG で無劣化、JPG でより小さな写真、WebP でサイズと品質のバランスを選べます。
  4. 「グリッチを適用」をクリック。ツールが画像を処理し、元と結果のファイルサイズを並べて表示します。
  5. 結果をダウンロード。「グリッチ画像をダウンロード」をクリックして保存します。元のファイルは変更されません。

すべてのステップは JavaScript でブラウザ内で実行されるため、画像がサーバーにアップロードされることはありません。これによりツールは完全にプライベートで高速、機密画像の処理にも適しています。

このグリッチツールは無料ですか?

はい、完全に無料で、登録不要、透かしなし、制限もありません。

なぜグリッチ効果は毎回違うのですか?

行変位はランダムなオフセットを使うため、クリックごとに固有のパターンが生成されます。量を上げるとより強く混沌とした結果になります。

どのくらいのグリッチ量を使うべきですか?

30% から始めて目立つが読める効果を得てください。70〜100% で重度の破損、10% 以下で繊細なフリンジになります。

画像はアップロードされますか?

いいえ。すべての処理はローカルで行われ、画像がブラウザから外に出ることはありません。