画像・メディア
ブラウザ内での画像変換、HEICからJPG、カラー変換、QRコード生成ツール。
利用可能なツール (55)
← すべてのツールに戻るフォーマット変換・圧縮
HEICからJPGへの変換
HEVC 形式の HEIC/HEIF 静止画をブラウザー内で JPEG に変換します。品質、サイズ、ZIP に対応。JPEG は非可逆でメタデータを引き継がないため、原本を保管してください。
画像フォーマット相互変換（PNG/JPG/WebP）
ブラウザーでデコードできる画像を canvas 経由で PNG、JPEG、WebP に変換します。対応と高速化はブラウザー次第です。
JPEG画質圧縮ツール
デコードした画像の寸法を保ち、選択した品質で canvas から JPEG に再エンコードします。量子化表はブラウザーに依存します。 ファイルサイズの減少量は元画像と選択した品質によって変わります。
ICO・画像ファイルからPNG変換
ブラウザーでデコードできるアイコン・画像を読み込み、canvas から PNG に出力します。ICO ディレクトリ解析や最大フレーム選択はしません。
画像から PNG データ URL
ローカル画像をデコードして Canvas に描き直し、新しい PNG データ URL を出します。元形式、バイト列、メタデータは保持しません。
ブラウザーでデコードした GIF 画像を静止 WebP に変換
ブラウザーがデコードした GIF 画像を Canvas に描き WebP 化します。アニメーションは保持せず、容量削減も保証しません。
GIFアニメーション全フレーム分割・抽出
GIF の各フレームを PNG として提供し、枚数と時間を返します。固定枚数や ZIP はありません。
カスタム仮画像
文字・サイズ・色・透明背景を指定して本機でPNG/SVG仮画像を作成し、Base64データURLをコピーします。
カラーシステム・デザイン補助
HEXからRGB・HSLへの色変換
HEX・RGB・HSL を変換し、アルファの調整、CSS のコピー、白・黒背景上の文字の WCAG コントラスト確認を行います。
画像の RGB サンプルパレット
画像画素を粗い RGB 区分にまとめ、頻出の最大 8 区分を返します。median-cut や知覚順位ではありません。
2 色のコントラスト比計算
前景色と背景色の HEX を入力します。 sRGB 相対輝度とコントラスト比を計算します。 比率と AA/AAA 判定を返します。
HEX 色覚の近似変換
1 つの HEX 色に固定の近似 RGB 変換を適用して 3 色を返します。画像入力や臨床的再現はありません。
RGB から CMYK への簡易計算
入力 RGB を簡易 CMYK 推定値に換算します。ICC プロファイルや印刷校正は使いません。
HEXと5色サンプルパレットの照合
5 個の Pantone 名付き RGB サンプルから最も近いものを探します。完全な色見本帳や印刷校正ではありません。
CSS border-radius 四隅の値生成
8 個の独立した百分率半径で有機的な形状をプレビューし、水平軸と垂直軸を分けた border-radius CSS を生成します。しずく・小石・泡のプリセットと任意のアニメーションを選択できます。任意の JSON 欄では従来の 4 隅のピクセル半径を出力します。
PX と REM の換算
任意のルート文字サイズと小数点以下 0〜8 桁で、CSS の px と rem を双方向に一括変換します。文字列、コメント、URL は保持します。独立した JSON 計算欄で単一の数値も変換できます。
画像 srcset 文字列生成
既存画像のURLと幅、sizes属性、元画像の寸法、代替テキストから完全なレスポンシブimg要素を生成します。遅延読み込み、または高優先度の即時読み込みを選択できます。decodingはasyncです。
5色のHSLパレット
類似色、補色、分裂補色、3色配色のモードで5色のHSLパレットを生成します。ボタンと背景を確認し、CSS変数をダウンロードできます。
HEX 色にアルファ値を追加
3 桁または 6 桁の HEX 色を入力し、スライダーで不透明度を 0～100% に調整します。#RRGGBBAA、CSS rgba()、全 101 行のアルファ対応表を表示します。任意の JSON 入力欄では数値の alpha を変換できます。
メッシュグラデーション：4〜6個の色スポット
4〜6個の放射状スポットをドラッグ、キーボード、数値で配置します。色、位置、半径、背景ぼかしを調整し、可変幅プレビューとCSSを生成します。
スクリーンショットのPNGモックアップ
画像に明暗のウィンドウ枠や簡易スマートフォン枠を付け、余白・角丸・影・背景を調整して1倍または2倍のPNGを保存します。
画像の画素色ピッカー
本機画像の任意画素を選び、11×11格子を最大20倍で確認してHEX・RGB・HSLをコピー。対応環境では標準画面ピッカーも使えます。
4種類の背景で透明度を比較
PNG・WebP・SVGを黒・白・市松・ピンク背景で比較し、半透明の輪郭を拡大して確認します。
フィルター・QR・プライバシー
QRコード生成
テキストや URL、WiFi 設定、vCard 連絡先から QR コードを作成し、L/M/Q/H を選んで PNG または SVG をダウンロードします。
JPEGメタデータ (EXIF) 除去・再エンコード
JPEGメタデータ (EXIF) 除去・再エンコード：生のピクセル バッファをデコードし、EXIF、IPTC、または XMP メタデータ セグメントをコピーせずに純粋な JPEG ビットマップを再エンコードします。
右下テキスト透かし（ウォーターマーク）合成
画像右下に半透明の白文字を入れて統合 PNG を出力します。影や移動可能なレイヤーはありません。
画像グレースケールフィルター
デコードできる画像を選びます。 Canvas の grayscale(1) フィルターで描きます。 PNG を出力します。
画像内QRコード読み取り・デコード
選択画像の QR コードを jsQR で読み文字列を返します。カメラや一次元バーコードには対応しません。
Code 128バーコード生成
bwip-js で印字可能な文字列から Code 128 の PNG を作ります。QR コードではありません。
画像ディザリング
Floyd–Steinberg、Atkinson、Bayer 4×4方式で画像を白黒PNGに変換します。
画像の領域別プライバシー編集
長方形やブラシで選んだ領域を塗りつぶし・モザイク・ぼかし処理し、大きさ変更や取り消し後にPNGを保存します。
画像の重ね合わせ比較
同寸法の画像を不透明度調整・ドラッグ可能な縦ワイプ・赤い画素差分で比較し、現在の表示をPNGで保存します。
画像色反転・ネガフィルター
デコードした画像をブラウザー Canvas の invert(1) フィルターで描画して新しい PNG を出力します。正確な色と Alpha の扱いはブラウザー実装に依存します。
明るさとヒストグラムの即時調整
即時プレビューと前後の輝度ヒストグラムで明るさ・コントラストを調整し、任意の範囲伸張でチャンネルのクリップを抑えます。
画像の色相と彩度を調整
本機画像の色相を0〜360°、彩度を0〜300%に設定し、Canvasフィルターで処理してPNGを保存します。
デュオトーン・グラデーションマップ
画像の明るさを2色に対応させ、24種類の配色から選択し、元の解像度でPNGを保存します。
ツールカテゴリ
画像リサイズ（縦横比維持対応）
canvas で指定した幅と高さに画像を変更します。両者は独立しており、縦横比は自動保持しません。
中央基準指定サイズ画像切り抜き
中央基準指定サイズ画像切り抜き：中心の境界ボックス座標 (x: 560、y: 140、w: 800、h: 800) を計算し、サブキャンバスを抽出します。
32×32 ICOファビコン生成
32×32 の PNG を 1 件だけ格納した ICO を生成します。16×16・48×48 は含みません。
画像時計回り90度回転
画像を時計回りに 90° 回転し、幅と高さを入れ替えた PNG を出力します。反転や任意角度はありません。
画像9分割・グリッドスプリッター
画像を固定 3×3 に分割して 9 枚の PNG を提供します。端に透明余白が生じ得て、ZIP はありません。
SNS 画像プリセットサイズ変更
画像を SNS 向けの指定寸法に中央切り抜きして PNG を出力します。端の内容は失われます。
アスペクト比の約分計算
既知の寸法とプリセットまたはカスタムの比から、不明な幅や高さを計算します。小数のピクセル寸法と CSS aspect-ratio を表示します。任意の JSON 欄では既存の幅と高さの比を最大公約数で簡約できます。
ピクセルと DPI の印刷寸法計算
指定 DPI で 4R / 6 インチ（4 × 6 インチ）、7 インチ（5 × 7 インチ）、A3、A4、A5 の必要ピクセル数を比較します。各寸法を整数に切り上げます。JSON 計算欄ではピクセル数をインチと cm に換算できます。
iOS・Androidアイコンパッケージ
iOS用18 PNGとContents.jsonを含むAppIcon.appiconset、および5密度のAndroid通常・円形・アダプティブアイコンを生成します。
複数画像の連結
本機の2〜20枚を縦横に連結し、順番・間隔・外枠を調整、幅や高さを揃えて1枚のPNGとして保存します。
画像の形状マスク
本機画像に円・ハート・六角形・半径調整可能な角丸長方形を適用し、外側が透明なPNGを保存します。
ツールカテゴリ
SVG から PNG への変換
SVG をブラウザー画像としてデコードし、元の寸法で PNG を出力します。高 DPI 指定や SVG 無害化はありません。
白黒ビットマップの SVG トレース
長辺最大 256 画素の格子でビットマップを閾値処理し、単色 SVG 線分を出力します。Potrace や曲線近似は行いません。
SVG コメント・空白の簡易圧縮
SVG 文字列の XML コメントと縮約可能な空白を除きます。メタデータ、doctype、パス座標、スクリプトは除去しません。
SVG パストークン検査
パス風文字列の ASCII 英字と十進数らしい値を数えて範囲を示します。SVG 構文解析や制御点の描画はありません。
SVG Data URI エンコーダー
入力 SVG を data:image/svg+xml URI に符号化します。解析・無害化や CSS ラッパーは行いません。
SVG波形シェイプ・セクション区切り生成
山の数、高さ、曲線ハンドル、色を調整できる3次ベジェ波形を生成します。連続するタイルを確認し、左右・上下反転してSVGまたは繰り返し背景のCSSをコピーできます。
ローカルLottieプレーヤーと診断
本機のLottie JSONを再生し、フレーム位置・速度・ズーム・背景を操作。レイヤー、キーフレーム、埋め込み画像も診断できます。
SVG文字とフォント依存
SVGのtext/tspan、font-family宣言、フォント参照を検査し、依存する文字とアウトライン化の方法を確認します。