🌃 IMG2TEXTURE

🌃 IMG2TEXTURE

 このツールの使い方

【🌃 IMG2TEXTUREとは?】

写真や画像(JPEG/PNG など)を、4点のハンドルで平面補正(透視変換)し、 そのままテクスチャ画像(PNG)としてダウンロードできるWebアプリです。
すべての処理はブラウザ内で完結し、画像はサーバーへ送信されません(OpenCV.js 使用)。

  • 対応形式:JPEG / PNG(HEIC は Safari で対応
  • 長辺プリセット・アスペクト比ロック・自由な出力サイズ指定が可能
  • プレビューは拡大縮小(ホイール/スライダー)ドラッグ移動に対応
  • ファイル名は読み込んだ画像から拡張子を除いて自動セット(保存時に .png が付きます)

【🛠️ 使い方】

  1. 画像を読み込む:「ドラッグ&ドロップ」またはクリックで選択。
  2. 四隅のハンドルをドラッグ:補正したい平面(紙・ラベル・看板など)の角に合わせます。
  3. 出力サイズを決める:
    • 「プリセット」で長辺を選ぶ(128 / 256 / 512 …)
    • 「アスペクト比をロック」で縦横比を固定したまま調整可能
  4. 軽量プレビューのコツ:

    ハンドル操作時にPCの性能によっては処理が重く感じることがあります。
    その場合はプリセットから「128」や「256」など低解像度を選んで編集し、位置が決まったら 「1024」や「2048」など本番サイズに切り替えて書き出すのがおすすめです。

  5. プレビュー確認:
    • ホイール → ズーム(1.0×〜4.0×)
    • ドラッグ → プレビューエリア内の移動
  6. ファイル名を確認:拡張子なしの名前を入力(保存時に自動で .png が付きます)。
  7. 保存:「PNGをダウンロードする」で書き出し。必要なら「ポップアップウィンドウで確認する」で原寸表示も可能。

斜めから撮った紙面・パネル・ラベルなどの“ゆがみ”を補正して、ゲーム/3D/WEBのテクスチャとして使うのに便利です。

ここに画像を「ドラッグ&ドロップ」 or 「クリックして選択」してください。
※ JPEG, PNGに対応 ( HEIC は Safari にて対応 )

🗿サイズ設定

📸 プレビュー設定

※ プレビューエリアでホイールすると拡大縮小できます。
※ プレビューエリアをドラッグすると表示位置を移動できます。

🖨️ 出力設定

出力サイズ:

.png