「画像」タグのツール

ブラウザネイティブの AVIF デコーダで .avif 画像を読み込み、JPEG / PNG / WebP として書き出します。AVIF はファイルサイズが小さく Web 配信向きですが、古い Safari やビューアでは開けないことが多く、メール添付や Office / Slack などへの貼り付けにも不向きです。複数ファイルを一括変換して ZIP でまとめてダウンロードもできます。アップロードした画像は外部に送信されず、すべての処理はブラウザ内で完結します。

**1 次元バーコード** (JAN-13 / EAN-13、JAN-8 / EAN-8、UPC-A、UPC-E、Code 128、Code 39、ITF / Interleaved 2 of 5、Codabar) の画像をアップロードすると、テキスト値と検出フォーマットを表示。商品の JAN コード読み取り、輸送ラベルの追跡番号確認、出荷物の検品など定番用途に。**Apache 2.0 ライセンスの @zxing/library** を使用してすべてブラウザ内で処理します。複数画像をまとめて読ませる一括モード対応。**QR コードは別ツール (qr-decode) を使ってください**。

数字や文字列を 1 次元バーコード (JAN-13 / EAN-13・JAN-8 / EAN-8・UPC-A・CODE128・CODE39・ITF・Codabar/NW-7・MSI) に変換し、PNG / SVG として保存できます。バーの太さ・高さ・色・余白や、下部の数字表示の有無を細かく調整可能。チェックディジットの検証も自動で行います。生成はすべてブラウザ内で完結し、入力した値が外部に送信されることはありません。

画像が 1 型 (P 型・赤)・2 型 (D 型・緑)・3 型 (T 型・青) 色覚や 1 色覚 (全色盲) でどう見えるかをシミュレートします。デザインや資料の色使いがアクセシブルか確認するのに。Canvas + 色覚変換行列でブラウザ内処理、画像はアップロードされません。

ベース色 (HEX) から色彩理論に基づく 7 種類の配色を一括生成: 補色 (complementary)・類似色 (analogous)・三色配色 (triadic)・四色配色 (tetradic)・スプリット補色 (split-complementary)・スクエア (square)・モノクロマティック (5 段階明度)。HSL 色相環で角度を計算、各スウォッチクリックで HEX コピー。デザインシステム / ロゴ / Web サイトのテーマカラー設計に。

複数の色 (2〜8 色) を重み付きで混色し、結果を **4 つの色空間 (sRGB / HSL / OKLCH / LAB) 並列** で表示します。同じ青と黄色を混ぜても、sRGB では濁った緑、OKLCH では鮮やかな緑になる ── というカラーサイエンスの古典的な差異を視覚化。デザイントークンの中間色生成、ブランドカラーのチント/シェード作成、A/B 案の知覚的差を比較する用途に。各色の重み (0.0〜1.0) は自由調整、3 色以上のミックスもサポート。`color-blend` (2 色を N ステップで補間してパレット化) の補完ツールで、本ツールは **N 色 → 1 色 + 色空間比較** に特化。結果は HEX / CSS で個別コピー、色空間別 swatch をクリックでも瞬時にコピー。すべてブラウザ内で完結、外部送信なし。

JPEG ファイルから **GPS の位置情報タグだけ** をピンポイントで削除。撮影日時・カメラ機種・レンズ・絞り値などの **他の EXIF メタデータは残します**。SNS や ブログ・ポートフォリオで写真を公開するときに、住所が特定されるのを防ぎつつ、撮影情報は記録として残したい場合に。**完全 GPL の `image-exif-strip` は全 EXIF 削除**、本ツールは GPS だけ。複数枚を一度に処理して個別 / ZIP でダウンロード可能。すべてブラウザ内で処理されるため、画像はサーバーに送信されません。

アニメーション GIF や APNG (アニメ PNG) を 1 フレームずつ画像として書き出します。ブラウザ標準の ImageDecoder API でデコードするので追加ライブラリ不要。フレーム数の確認や、特定フレームをサムネイルにしたい場合、image-resize や image-crop など 1 枚絵向けのツールに渡す前処理にも。出力は PNG (可逆) / JPEG (品質調整可)、全フレームを ZIP でまとめてダウンロードできます。ファイルは外部に送信されず、すべての処理はブラウザ内で完結します。

アニメ GIF を解析して、フレーム数、総再生時間、平均 FPS、ループ回数 (Netscape Application Extension)、各フレームの delay (ms) と disposal method、寸法、ローカル / グローバルカラーテーブル、GIF バージョン (87a / 89a) を一覧表示します。各フレームのサムネイル (disposal 合成済み) も表示。GIF 最適化のデバッグ、ファイルサイズが大きい原因の特定 (delay が短すぎる / フレーム数が多すぎる)、ループしない GIF の確認、配信プラットフォームの上限チェックに。複数 GIF 一括対応。すべてブラウザ内で完結。

アニメ GIF を H.264/AAC の MP4 動画に変換します。GIF はサイズが膨らみがちですが、MP4 (H.264) ならファイルサイズが 1/5 〜 1/10 になり、X (旧 Twitter) や Bluesky、Discord 等の SNS でも自動再生されやすくなります。ffmpeg.wasm はブラウザ内で動くので GIF はサーバーに送信されません。複数ファイル一括処理 + ZIP ダウンロード対応。

iPhone の HEIC / HEIF 画像を libheif-js (WASM) でブラウザ内に展開し、JPEG または PNG として書き出します。複数ファイル一括変換と ZIP 一括ダウンロードに対応。サーバーには 1 バイトも送信されません。

画像ファイルをまとめてドロップすると、各画像の幅×高さ・GCD で約分したアスペクト比 (例: 1920×1080 → 16:9、3024×4032 → 3:4)・最近接の標準規格 (Full HD 1080p、4K UHD、iPhone 各機種の画面解像度、TikTok 9:16、Instagram 4:5、YouTube サムネ 1280×720 など 30+ 規格) を一括判定します。Web デザインやマーケでよくある「ある画像を Instagram にも YouTube サムネにも使いたい」「ヒーロー画像が 21:9 で来たけどデバイスに合うか」を一目で確認可能。複数画像をテーブル比較できるので、アセットセット全体のアスペクト比が揃っているかをチェックする用途にも。すべてブラウザ内で完結 (`Image()` の `naturalWidth/Height` を使用)、画像はサーバーに送信されません。

透過 PNG や写真にカラーコード指定の単色背景、または別の画像背景を合成します。Canvas で処理するのでブラウザ内だけで完結。元サイズで透過部分を塗りつぶすか、上下左右に余白を追加して背景を回り込ませるかを選べます。複数画像を一括処理して ZIP でダウンロード可能。出力フォーマットは元と同じ (PNG / JPEG / WebP)。

画像ファイルを Base64 文字列 (data URL) にエンコードしたり、Base64 / data URL を画像にデコードしたりできます。CSS や HTML への埋め込み、API 送信用の文字列化、受け取った Base64 の確認に。data URL プレフィックスの有無を切り替え可能、デコード時は形式を自動判定してプレビュー / ダウンロードできます。画像は外部に送信されず、すべてブラウザ内で処理されます。

BRIA RMBG-1.4 を transformers.js + ONNX Runtime Web でブラウザ内推論し、被写体だけを抜き出した透過 PNG を出力します。モデルは初回のみダウンロードされ、以降はオフラインで動作。複数枚一括処理と ZIP ダウンロードに対応。画像はサーバーに送信されません。

画像 1 枚に枠線 (ボーダー) と内側余白 (マット) を追加するシンプルツール。枠の太さ (0〜200 px) と色 (HEX)、画像と枠の間の内側余白 (写真のマット風) を指定。写真風の白マット + 黒細枠も組合せ可能。出力は PNG (透過) / JPEG / WebP + 品質スライダ。SNS 投稿・ポートフォリオ・プレゼン資料用の整った見た目を 1 クリックで。Canvas で完結し、画像はブラウザ外に送信されません。

画像 (PNG / JPEG / WebP) をドロップすると、Canvas の getImageData で R / G / B / A の各チャンネルを抽出し、個別の PNG として書き出します。Mode 切替: グレースケール (各チャンネルの輝度を 0-255 のモノクロ画像化) / 色強調 (R チャンネルは赤のみ、G は緑のみ、B は青のみで他は 0)。アルファ持ち PNG は A チャンネルも自動で出力。AI 学習用データの前処理、印刷色分解 (CMYK の代わりに RGB)、コントラスト解析、ホワイトバランスデバッグ、合成 / マスク作成に使えます。複数画像一括 + per-channel ダウンロード + ZIP all。すべてブラウザ内で完結。

複数の画像をグリッド、横一列、縦一列で 1 枚の画像に結合します。Canvas で合成するためブラウザ内だけで完結。列数・隙間・余白・背景色・出力形式 (PNG / JPEG / WebP) を調整でき、並び順を上下ボタンで入れ替え可能。

JPEG / PNG / WebP をアップロードし、画像内の任意の位置をクリックするとそのピクセルの色を HEX / RGB / HSL で取得できます。ホバー中はルーペで拡大表示し、ピックした色は履歴として一覧表示。各値はワンクリックでコピー可能です。画像は外部に送信されず、すべての処理はブラウザ内で完結します。

寸法を変えずにファイルサイズを縮小します。JPEG / WebP は品質スライダーで再エンコード、PNG は oxipng (WASM) でロスレス最適化。複数ファイルを一括処理し、個別保存 / ZIP ダウンロードに対応。すべてブラウザ内で処理。