画像・デザインのツール一覧

画像・デザインカテゴリのツールを59件まとめました。入力したデータはサーバーに送信されず、ブラウザ内だけで処理されます。

• カラーコード変換

  HEX・RGB・HSLのカラーコードを相互に変換します。カラーピッカーで色を選ぶこともできます。

• 色空間変換（RGB・CMYK・Lab・OKLCH）

  RGB・HEX・HSL・CMYK・HWB・Lab・OKLCHを相互に変換。CSSのlab()・oklch()・hwb()形式でコピーできます。

• グラフ作成（棒・折れ線・円）→PNG保存

  CSVや表を貼り付けて、棒グラフ・折れ線グラフ・円グラフを作成しPNG画像で保存。複数系列・タイトル・軸ラベルに対応。

• 画像フォーマット変換

  PNG・JPEG・GIF・BMP画像をWebP・JPEG・PNGに変換し、品質を指定して圧縮できます。複数画像の一括変換に対応。

• 画像リサイズ・圧縮

  画像の幅・高さをpxまたは%指定でリサイズし、WebP・JPEG・PNGで圧縮できます。複数画像の一括処理に対応。

• 画像のBase64（Data URL）変換

  画像ファイルをBase64文字列・Data URLに変換したり、Base64文字列やData URLを画像に戻して保存できます。

• favicon一括生成

  1枚の画像からfavicon.ico（16/32/48px同梱）と複数サイズのPNG（apple-touch-icon等）を一括生成し、HTML貼り付け用のlinkタグも出力します。

• EXIF情報表示・削除

  JPEG画像のExif（撮影日時・カメラ機種・レンズ・露出・GPS位置情報など）を一覧表示し、Exif情報だけを削除した画像（画質そのまま）をダウンロードできます。

• 画像ドット絵化・モザイク・減色

  画像をブロックサイズ指定でモザイク・ドット絵風に、色数指定で減色できます。WebP・JPEG・PNGで書き出し可能。

• 画像カラーパレット抽出

  画像から主要な色を自動検出し、HEX・RGBコードと使用割合の一覧として表示・コピーできます。

• SVG最適化（SVGO）

  SVGファイルやコードをSVGOで最適化し、不要なメタデータを削除してファイルサイズを削減します。

• ダミー画像生成

  幅・高さ・背景色・文字を指定して、プレースホルダー用のダミー画像を生成しPNG・JPEG・WebPで保存できます。

• 猫ロゴ文字ジェネレーター

  丸ゴシックのロゴ文字に猫耳・ひげ・肉球・ハート・星・月を好きな位置へ配置し、背景透過PNGで保存できます。

• SVG波・ブロブジェネレーター

  セクション区切りの波形や有機的なブロブ図形をSVGで作成。山の数・振幅・ランダム性・色を調整し、シード値で再現。SVG・CSSをコピーできます。

• 色覚シミュレーター

  画像やカラーコードが、P型・D型・T型・全色盲の人にどう見えるかをシミュレーション。デザインの色の見分けやすさ確認やコントラスト比の確認に。

• 色のコントラスト比チェッカー（WCAG）

  文字色と背景色のコントラスト比を計算し、WCAGのAA/AAA基準（通常テキスト・大きな文字）に適合するか判定します。

• SVG→PNG変換

  SVGファイルやSVGコードをPNG画像に変換します。1〜4倍の高解像度出力と、透過・白・任意色の背景に対応しています。

• OGP画像ジェネレーター

  タイトルとサイト名を入力して、SNSシェア用のOGP画像（1200×630）をPNGで作成します。背景色や文字色も調整できます。

• 画像トリミング・回転・反転

  画像を好きな範囲に切り抜き、90度回転や左右・上下反転ができます。縦横比の固定に対応し、PNG・JPEG・WebPで保存できます。

• 画像の背景透過（輪郭付き）

  単色の背景を指定して透過PNGにします。縁に残る背景色の除去と、好きな色・太さの輪郭（縁取り）の追加に対応しています。

• HEIC→JPEG変換

  iPhoneのHEIC・HEIF写真をJPEG・PNG・WebPに変換します。複数枚の一括変換と画質の指定に対応。

• 画像結合

  複数の画像を横・縦・グリッド状に並べて1枚にまとめます。順番の入れ替え、間隔・余白・背景色の指定、大きさをそろえる設定に対応し、PNG・JPEG・WebPで保存できます。

• 画像への文字入れ・透かし

  画像に好きな文字を入れたり、全体に透かし（ウォーターマーク）を敷き詰めたりします。位置・サイズ・色・透明度・縁取り・角度を指定でき、PNG・JPEG・WebPで保存できます。

• GIF作成（連番画像から）

  複数の画像を順番につなげてアニメーションGIFを作ります。表示時間・幅・背景色・くり返し・往復再生に対応し、画像はブラウザ内で処理されます。

• OCR対策画像加工

  画像内の文字に微小な歪み・ノイズ・細線を加え、OCRによる自動読み取りを難しくします。効果は保証できません。PNGで保存可能。

• 画像から文字抽出（OCR）

  画像内の文字を日本語・英語でテキスト化。認識はブラウザ内で完結し、画像は送信されません。精度は保証できません。

• 画像モザイク・ぼかし

  画像の一部をドラッグで範囲指定し、モザイク・ぼかし・塗りつぶしで顔や個人情報を隠せます。

• 配色パレットジェネレーター

  基準色から補色・類似色・トライアドなどの配色を生成し、HEXやCSS変数でコピー

• 画像フィルター・色調補正

  写真の明るさ・コントラスト・彩度・モノクロ・セピアなどをスライダーで調整し、ビフォーアフターを見比べて保存。

• 画像→ASCIIアート変換

  画像をASCIIアート（文字アート）に変換します。横の文字数・文字の種類・明暗の反転を調整し、テキストでコピー・保存できます

• 画像の円形・角丸切り抜き

  画像を円形や角丸に切り抜き、背景が透明なPNG・WebPで保存できます。SNSのアイコン作りに便利です。

• 画像に余白を追加・正方形にする

  画像の周囲に余白を足したり、1:1・4:5・16:9などの縦横比に合わせて背景色や透明で埋めたりします。画像は拡大・縮小・切り抜きされず、PNG・JPEG・WebPで保存できます。

• 画像分割（Instagram 9分割・グリッド分割）

  画像を行×列で等分割してZIPでまとめて保存。Instagramの9分割（3×3）や横3分割、2×2に対応し、右下から順の番号も付けられます。PNG・JPEG・WebPで書き出せます。

• 電子印鑑・日付印ジェネレーター

  名前を入れて丸印・角印・日付印の電子印鑑を作成し、背景が透明なPNGで保存できます。朱色など色も選べます。

• 手書き署名作成

  マウスやスマホの指で手書きの署名を書き、背景が透明なPNG画像として保存します。ペンの太さ・色・余白の自動トリミングに対応。

• 日本の伝統色・和色一覧

  紅・藍色・桜色など日本の伝統色260色以上を、色名・読み・HEX・RGBで一覧表示。検索してクリックでコピーできます。

• ASCIIアート文字（FIGlet風テキストバナー）

  英数字を大きなASCIIアート文字（テキストバナー）に変換。Standard・Slant・Doomなど8書体（日本語のドット書体はひらがな・カタカナ・漢字に対応）、字間の調整、コードのコメント形式でのコピーに対応

• 画像比較スライダー

  2枚の画像をドラッグで見比べるビフォーアフター比較スライダー。左右・上下の切り替え、ラベル表示、並置画像のPNG保存に対応します。

• 画像に枠・フレームを付ける

  写真にポラロイド風・シンプル枠・二重枠・額縁風・角丸・影付きのフレームを付けます。色・太さ・角丸を調整し、PNG・JPEG・WebPで保存できます。

• グラデーション壁紙・背景画像生成

  線形・放射・円錐のグラデーション壁紙を解像度指定でPNG・JPEG保存。2〜5色、粒状ノイズ対応。

• デバイスモックアップ作成

  スクリーンショットをスマホ・タブレット・ノートPC・ブラウザウィンドウの枠にはめ込み、透明背景や影付きのモックアップ画像をPNGで作成します。

• アバター・アイコン作成

  名前のイニシャルや、文字列から決まるGitHub風identiconでアバター画像を作成します。背景色・形・フォントを選んでPNG保存できます。

• Tailwindカラースケール生成

  基準色から50〜950の11段階カラースケールを生成。CSS変数・Tailwind v4 @theme・tailwind.config.js形式でコピー。

• ドット絵エディタ

  ブラウザでドット絵を描いて、拡大率を指定した透過PNGで保存。ペン・消しゴム・塗りつぶし・スポイト・パレット対応。

• スクリーンショット注釈

  スクリーンショットを貼り付けて、矢印・枠・自動連番の番号・テキストを書き込みPNGで保存できる無料ツール。マニュアル作成に。

• モザイクを自然な色面に置換

  モザイク部分を、周囲の色とモザイクの色から作った滑らかな色の変化に置き換えます。

• 画像くり抜きマスク

  画像を単色で覆い、四角・円・星・ハートなどの形だけくり抜いて元画像を見せます。クイズ画像やスポットライト風の加工に。

• 画像を指定サイズ以下に圧縮

  画像を200KB以下などの目標容量に自動圧縮。JPEG・WebPの品質を二分探索で自動調整します。

• 画像DPI変更

  PNG・JPEGのDPIを再圧縮なしで書き換え、印刷サイズ(mm)とA判・B判への収まりを確認

• 画像差分比較（ピクセルdiff）

  2枚の画像をピクセル単位で比較し、差異率とヒートマップを表示。しきい値の指定、サイズ違いの扱い切り替え、差分画像のPNG保存に対応します。

• 画像ロゴ・透かし合成

  ベース画像にロゴ画像を重ねて透かしを入れます。9分割の位置・サイズ・不透明度・余白・回転・敷き詰めを指定し、PNG/JPEGで保存。ブラウザ内で処理され外部送信なし。

• ミーム画像ジェネレーター

  画像の上下に縁取り付きの太字キャプションを入れてミーム画像を作成。幅に合わせた自動縮小・折り返し、PNG/JPEG保存に対応。

• ステッカー風の縁取りメーカー

  切り抜いた透過PNGに、ステッカーのような縁取りを付けます。太さ・色、二重縁、影、内側の穴埋めに対応しています。

• スクリーンカラーピッカー

  画面上の好きな場所の色をスポイトで拾い、HEX・RGB・HSLを表示・コピー。非対応ブラウザでは画像を読み込んで取得できます。

• フォトコラージュ作成

  2〜9枚の写真をテンプレートの枠に並べて1枚のコラージュにします。枠の間隔・余白・枠線・角丸・背景色を調整し、ドラッグで表示位置も動かせます。ブラウザ内で処理され外部送信なし。

• 書類スキャン風補正（影除去・白黒化）

  スマホで撮った書類の写真から影を除去し、紙を白く・文字をくっきり補正。カラー・グレー・白黒2値に対応。

• SVGパスビューア

  SVGのpath要素のd属性をコマンド別に分解し、始点・終点・制御点を重ねて表示。座標の編集や小数桁の削減もできます。

• 色ミキサー

  2色を割合指定で混色し、RGB/OKLabで中間色をN段生成

• GIF分解・フレーム抽出・速度変更

  アニメーションGIFを1コマずつに分解してPNG連番のZIPで保存。表示時間（速度）を倍率や固定msで一括変更してGIFを作り直せます。ブラウザ内で処理され、アップロード不要です。