メインコンテンツへスキップ

すべての処理はブラウザ内でローカルに実行

Image Machine logo
Image Machine

ホームに戻る

ピクセルデータエクスポート — 画像をヘックスグリッド、JS/C配列、またはCSSピクセルアートに変換

画像の正確なピクセル値をコードとしてエクスポート:ヘックスカラーグリッド、JavaScript 2D配列、C uint32配列、またはCSS box-shadowピクセルアート文字列。任意のサイズに縮小し、アルファを切り替えて、コピーまたはダウンロード。すべてブラウザ内で実行され、何もアップロードされません。

画像の正確なピクセル値をコードとして書き出します——HEXカラーのグリッド、JavaScriptの2次元配列、Cのuint32配列、CSSのbox-shadowによるピクセルアート文字列のいずれかとして。任意のサイズへ縮小し、アルファを切り替えてから、結果をコピーまたはダウンロードできます。組み込みディスプレイ、LEDマトリクス、ゲーム開発、教育のために作られており、すべて完全にブラウザ内で実行されます。

使い方

1

ツールを選ぶ

120+種類のツールから選んで、画像のサイズ変更・変換・圧縮・補正ができます。

2

アップロードして編集

画像をドラッグ&ドロップして設定を調整します。データはデバイス内に保持されます。

3

ダウンロード

結果をすぐに保存 — 透かしなし、登録も不要です。

Image Machine が選ばれる理由

ファイルがデバイスの外に出ることはありません

すべての処理はブラウザ内でローカルに実行されます。画像がサーバーにアップロードされることは一切ありません。

完全無料

すべてのツールが無料。制限も、透かしも、隠れた費用もありません。

圧倒的な速さ

アップロードの待ち時間なし — 画像はお使いのデバイス上で瞬時に処理されます。

プロ品質

ピクセル単位で美しい仕上がり。形式・サイズ・品質を自由にコントロールできます。

よくある質問

画像から生のピクセル値を取り出すにはどうすればいいですか?

画像を読み込み、必要なら扱いやすいグリッドへ縮小すると、ツールがすべてのピクセルを読み取り、選んだ形式——HEXグリッド、配列、またはコピー・ダウンロードできるCSS文字列——で出力します。

どんな書き出し形式が利用できますか?

HEXカラーのグリッド、JavaScriptの2次元配列、Cのuint32配列、または画像を純粋なCSSピクセルアートとして描くCSSのbox-shadow文字列を書き出せます。あなたのターゲットコードに合うものを選んでください。

なぜ書き出す前に縮小するのですか?

ピクセルデータは幅×高さに比例して増えるため、写真全体は巨大な配列になります。16×16や32×32のようなサイズへ縮小すると出力が小さく保たれ、それはまさにLEDマトリクスやスプライト作業が必要とするものです。

ピクセルを読み取るために画像はアップロードされますか?

いいえ。すべてのピクセルはブラウザ内で読み取られるため、画像があなたのデバイスから出ることはありません。

編集ツール

BlurHash ジェネレーター

画像類似度チェッカー

画像ステガノグラフィー

自動補正

ビフォー/アフター比較

枠線を追加