画像ハーフトーン

ハーフトーン効果とは

ハーフトーンは、網点のグリッドを使って連続的なグレースケールを模倣する印刷技法です。元の画像が暗い部分では網点が大きく互いに融合し、明るい部分では網点が極小または不存在になります。通常の距離から見ると目は網点を滑らかな階調にブレンドしますが、近づくと白地の上に大小様々な円の並んだ画面が現れます。この技法は新聞や雑誌の印刷のために発明され、印刷機はベタインクしか置けなかったためで、今でも「印刷された」「ヴィンテージの」イメージの親しみある視覚記号として残っています。

本ツールはこの外観を完全にブラウザ内で再現します。画像をアップロードし、スライダーでドットサイズを選ぶと、ツールは Canvas API で生ピクセルバッファを読み取り、画像をグリッドのセルに分割し、各セルの平均輝度を計算して、セルの暗さに比例した半径の黒い円を描画します。何もアップロードされず、結果はほぼ瞬時に得られます。

ハーフトーンフィルタの仕組み

本ツールは内部で Canvas 2D API を使用します。元画像がオフスクリーンキャンバスに描画され、getImageData が生ピクセルバッファを返します。キャンバスは白でクリアされ、アルゴリズムは dotSize ピクセル刻みで画像を走査します。各セルについて、標準 0.299·R + 0.587·G + 0.114·B 重み付けでセル内の全ピクセルの平均輝度を計算し、セルの中心にベタ塗りの黒い円を描きます。円の半径はドットサイズの半分に 1 − 輝度 / 255 を掛けたもので、暗いセルはセル全体をほぼ埋める大きな網点を生み出し、明るいセルは極小または不可視の網点になります。

ドットサイズスライダーはグリッド解像度と最大ドット径の両方を制御します。小さい値（2〜4 px）は精細で高解像度のスクリーンを生み出し細部を保ちます。大きい値（12〜20 px）は力強くグラフィックなパターンを生み出し、強いレトロやコミックブックの感覚を与えます。アルゴリズムはセルに対する単純な入れ子ループのため、大きな画像でも瞬時に処理されます。

ハーフトーンと他のドット・ピクセル効果の違い

ハーフトーンは関連効果と混同されがちですが、違いが重要です。ピクセレートは各ピクセルブロックを単一のベタ塗りの四角に平均化し、円形のないモザイクを生み出します。ディザは誤差拡散で個々の白黒ピクセルを散らし、網点パターンを細かいノイズに替えます。ポスタライズは色レベルを減らしますが滑らかな形状を保ちます。ハーフトーンは対照的に白いグリッド上で常に丸い網点を使い、これらの効果の中で唯一紙の上のインクの見た目を直接喚起します。

真のハーフトーンの特徴は網点のサイズと輝度の関係です——網点が大きいほど暗いトーンになります。これにより、デジタルなモザイクやノイズテクスチャではなく、印刷された、彫刻された、またはコミックストリップの外観が欲しい時にハーフトーンが正しい選択になります。

ハーフトーン効果を使う場面

ハーフトーンは多くのデザイン・創作場面にわたる多目的なスタイル選択です。よくある場面は以下の通りです：

• 印刷・ポスターデザイン。物理的な印刷機なしでデジタル作品にシルクスクリーンや新聞紙の質感を与えます。
• レトロ・ヴィンテージルック。1950 年代のコミック、古い新聞、パルプマガジンの見た目をワンクリックで再現します。
• 背景・テクスチャ。ハーフトーン化した写真を繊細な網点の下地として使い、前景のテキストを邪魔せずに深みを加えます。
• ロゴ・ブランディング。ハーフトーン化したポートレートや製品写真が力強くグラフィックなブランド要素になります。
• T シャツ・グッズアート。ハーフトーンパターンは精細なグラデーションよりシルクスクリーン印刷や刺繍に耐え、アパレルに適しています。

画像を印刷された、触感的な、またはグラフィックに大胆な感じにしたい時、ハーフトーンが最速の手段です。

画像にハーフトーン効果を適用する方法

ハーフトーンの適用は数秒で完了し、すべてブラウザ内で行われます——アップロード不要、登録不要、透かしなし。以下の手順で進めてください：

1. 画像をアップロード。アップロードエリアをクリックするか、JPG、PNG、WebP、GIF、BMP ファイルをドラッグ＆ドロップします。画像は即座にデコードされプレビュー表示されます。
2. ドットサイズを設定。2〜20 px のスライダーを使います。小さい値は細部を保ち、大きい値はより力強くグラフィックなパターンを生み出します。
3. 出力形式を選択。PNG で無劣化、JPG でより小さな写真、WebP でサイズと品質のバランスを選べます。
4. 「ハーフトーンを適用」をクリック。ツールが画像を処理し、元と結果のファイルサイズを並べて表示します。
5. 結果をダウンロード。「ハーフトーン画像をダウンロード」をクリックして保存します。元のファイルは変更されません。

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