ハーフトーン生成ツール

ハーフトーン生成ツールを読み込み中…

写真を、円、正方形、ひし形、線で構成される再現可能なAM風ハーフトーンへ変換します。ブラウザが規則的なグリッド上で画像をサンプリングし、セルサイズ、角度、コントラスト、ガンマ、平滑化、反転の設定と各部分の明るさに応じてマークを変化させます。単色、セルごとのサンプルカラー、RGBで描画するCMYK風シミュレーションを選択できます。処理内容と最長2時間保持される作業プロジェクトは画像変換サービスへ送られず、ブラウザ内に保存されます。ズームして確認した後、ラスターPNGまたは編集可能なベクター網点を含むSVGをダウンロードできます。

写真からハーフトーンを作る方法

  1. 1

    画像を選ぶ

    20 MiB以下の一般的なJPG、PNG、WebPを選択します。処理前に、デコード後の寸法と作業サイズも確認されます。

  2. 2

    カラーモードと形を選ぶ

    モノクロ、サンプルカラー、CMYK風からモードを選び、反復するマークを円、正方形、ひし形、線から選びます。

  3. 3

    グリッドを設定する

    セルサイズをピクセルで指定し、スクリーン角度でグリッドを回転します。セルが小さいほど細部とベクター要素が増えます。

  4. 4

    階調を調整する

    コントラスト、ガンマ、平滑化を調整し、必要なら階調を反転して生成します。効果を把握するには一度に1項目ずつ変えます。

  5. 5

    確認して保存する

    ハイライト、シャドウ、輪郭を等倍で確認します。固定ラスターにはPNG、拡大・編集可能な網点形状にはSVGを選びます。

ここでいうAM風ハーフトーンとは

ハーフトーンは連続階調を個別の印刷・表示マークで表します。従来の振幅変調(AM)スクリーニングでは、マークの間隔を規則的に保ちながら大きさを変えます。ハイライトでは小さな点が背景を多く見せ、シャドウでは大きな点が広い面積を覆います。欧州特許庁の従来型AMスクリーニングも固定間隔と可変サイズを区別しています。AdobeのPostScript Language Referenceでは、線数、角度、スポット関数でスクリーンを説明しています。

本ツールはこの見た目をブラウザでデコードした画素に適用します。同じ画像と設定なら同じ網点形状になります。ランダム/FMスクリーン、生成AIによる描き直し、ラスターのトレースではありません。顔や製品、重要な輪郭を認識せず、画素の色と明るさだけをサンプリングします。

セルサイズは入力・出力画像のピクセル単位で、サンプル位置の間隔を決めます。物理的な印刷線数ではありません。商業印刷の線数は1インチ当たりの線(lpi)、画像解像度は1インチ当たりのピクセル(ppi)、出力機器は一般に1インチ当たりのドット(dpi)で表します。Adobeのプリンター解像度とスクリーン線数も両者を分けています。仕上がり寸法がなければ、ピクセルのセルサイズを正確なlpiへ換算できません。

モード、形状、階調設定

設定 変わるもの 保証しないもの
モノクロ 選んだ背景に1色で描画 校正済みインキ濃度や色分解版
サンプルカラー セルごとに元画像の色を使用 元画像の色域の正確な再現
CMYK風 シアン、マゼンタ、黄、黒風の重なりをブラウザ色で再現 プロファイル付きCMYK、刷版、契約校正
セルサイズ(px 間隔とマーク数 物理的なlpippidpi
スクリーン角度(° 規則グリッドの方向 あらゆるプリンターでのモアレ防止
コントラスト 明暗差 失われた元画像情報の復元
ガンマ 中間調の配分 ICCカラー管理やモニター校正
平滑化 サンプル前の局所変化の平均 意味に基づくノイズ除去や輪郭認識
反転 大きなマークになる階調 印刷条件に応じた写真ネガ

円は一般的な網点、正方形は硬い角、ひし形はその回転、線はスクリーン方向を強調します。暗部では大きなマークがつながり、小さすぎるマークは縮小や印刷で消えることがあります。

設定を意図的に選ぶ

中程度のセルとモノクロの円から始めます。平坦な写真で点の大きさがそろう場合はコントラストを上げ、ハイライトが消える、またはシャドウがほぼベタになる場合は下げます。ガンマは両端を大きく動かさず中間調を移すのに有効です。平滑化はセンサーノイズ、肌、布、葉を穏やかにしますが、強すぎると細部を失います。

45°はモノクロで一般的ですが、万能ではありません。既に網点化された画像とプリンターのスクリーンが干渉してモアレになることがあります。Adobeのハーフトーンスクリーン解説を参照してください。商業カラー印刷では、印刷機、用紙、RIP、色分解工程に左右されるため、印刷会社に線数と角度を確認します。

確認点:

  • セル間で失われる顔、文字、細い輪郭
  • ラスター出力や印刷で残らないほど小さい明部の点
  • 点が接触して背景を埋める暗部
  • グリッドと干渉する元画像の規則模様
  • セルを小さくすると急増するSVG要素数

RGB、CMYK、印刷上の注意

Canvasと通常のSVGは一般にsRGBなどブラウザの色空間で表示されます。CMYK風は画面用の芸術的な4色シミュレーションで、印刷条件に合わせた色変換ではありません。International Color Consortiumによれば、RGBから印刷CMYKへの信頼できる変換には出力機器プロファイルと印刷条件が必要です。ブラウザ表示ではトラッピング、オーバープリント、ドットゲイン、見当、印刷機が保持できる最小点も保証できません。

出力 内容 主な用途 重要な制限
PNG 固定ラスター 共有、スライド、Web、一定のピクセル寸法 拡大しても細部は増えず、印刷プロファイルも付かない
SVG 円、正方形、ひし形、線のベクター 網点の拡大とベクター編集 元写真ではなくマークをベクター化し、密な設定では大容量になる

ブラウザのcanvas.toBlob()はPNGを必須の代替形式としてラスターBlobを作ります。SVG 2はcircle要素などを定義します。どちらも便利ですが、印刷入稿データを保証しません。カラーマネージメント対応ソフトで最終寸法を設定し、印刷会社にプロファイル、線数、校正方法を確認してください。

ファイル制限、ローカル保存、プライバシー

圧縮ファイルは20 MiB以下です。デコード後は1画素が複数バイトとなり、作業バッファも必要なため、デコード寸法と処理サイズにも上限があります。拒否された場合は画像を縮小してください。

W3C File APIはユーザーが選んだFileBlobを定義します。本ツールは上限内の正規化した作業画像、結果blob、設定をブラウザのローカルプロジェクト領域に最長2時間保存し、4段階の画面遷移を維持します。「最初からやり直す」で消えるのは現在のタブのプロジェクトだけです。別タブで開いた独立コピーは分離されたまま、2時間以内に期限切れになります。無効・期限切れの記録は破棄されます。

画像、画素、生成ファイルはサーバー側のプロパティでもURLでもなく、外部画像処理サービスへアップロードされません。ただしページがオフラインという意味ではなく、通常のページ、アセット、解析、ステップ移動の通信は画像バイトを含めず行われます。ローカル保存はブラウザのプロファイル、プライベートモード、容量、ユーザー設定に左右されます。

HTML canvasのセキュリティモデルは安全でない別オリジン画像からの画素抽出を防ぎます。ローカル選択ファイルはその経路を避けますが、破損、非対応形式、資源不足ではデコードに失敗します。

アクセシビリティと実用上の確認

ハーフトーンは視覚変換であり、元画像の代替テキストにはなりません。名前付き操作、キーボード操作、文字による進捗・エラーを備え、プレビューだけに重要情報を依存させません。WCAG 2.2の代替テキストとキーボード操作およびステータスメッセージが関連します。

本番前に仕上がり寸法で小さな校正刷りを作り、明部の点、暗部のつぶれ、追加スクリーニングによる模様を確認してください。デスクトッププリンターでの成功は、新聞、シルクスクリーン、商業オフセットで同じ結果になる保証ではありません。

よくある質問

規則グリッド上のマークがサンプル階調に応じて大きさを変えるためです。固定間隔・可変サイズというAMの見た目を使いますが、ブラウザ効果であり、印刷RIPや認証済み製版スクリーンではありません。

モノクロは1色、サンプルカラーは各セルの元色、CMYK風はシアン・マゼンタ・黄・黒風のマークを使います。CMYK風もブラウザ色であり、プロファイル付き色分解ではありません。

いいえ。生成画像内のピクセル間隔です。lpiには物理寸法が必要で、ppiは画像サンプル、dpiは通常出力機器を表します。印刷会社に確認してください。

45°はモノクロの一般的な開始点ですが万能ではありません。元画像、多色スクリーン、プリンターの網点が干渉するため、商業印刷では印刷会社やRIPの指定に従います。

固定ラスターにはPNG、拡大・編集可能な網点にはSVGを選びます。SVGは元写真のベクター化ではなく、小さいセルでは大容量になります。

そのままでは使えません。RGB表示の模擬で、印刷機用ICC変換、刷版、トラッピング、校正条件を含みません。色管理ソフトと印刷会社の要件を使ってください。

ファイルは20 MiBまでです。圧縮画像はメモリ内で大きくなるため、デコード寸法と作業サイズにも上限があります。安全上限エラー時は縮小してください。

画像と生成物はブラウザで処理され、当社のサーバーや外部変換サービスへ送られません。上限内の作業blob、結果blob、設定は最長2時間残ります。やり直しで消えるのは現在のタブだけで、別タブの独立コピーは2時間以内に失効します。通常のページ、アセット、解析、ステップ通信は画像バイトなしで行われます。

関連ツール

このツールは他の言語でも利用できます