OnlineFreeTools.org
  • ホーム
  • Image editing tools
    • 文字透かしを追加 — ブラウザ完結
    • 画像から色を抽出 — パレットとクリック取色
    • 画像を反転 — 左右・上下
    • 画像に枠を追加 — 色と幅
    • 画像圧縮 — 長辺・画質・目標サイズ(端末内)
    • 画像の切り抜きとサイズ変更(端末内)
    • 写真の EXIF 表示と削除(GPS・カメラ情報・端末内)
    • 画像フォーマット変換 — PNG JPEG WebP AVIF BMP GIF ICO SVG ローカル
    • グレースケール変換 — ローカルで白黒に
    • 画像結合 — 複数写真を1枚のコラージュに
    • 画像最適化 — WebP / AVIF / MozJPEG(端末内)
    • 画像に重ねる — 写真へロゴを配置
    • 画像↔Base64 — ブラウザで変換
    • 画像からGIF — 短いアニメ
    • 画像をPDFに — 1枚1ページ
    • 画像をPowerPointに — 1枚1スライド
    • 画像をWordに — ローカルDOCX
  • デザインツール
    • ブランドカラートークン — HEX/HSL/OKLCHスケール
    • WCAGコントラストチェッカー — AA/AAA比率
  • Developer tools
    • DNS に WWW を追加 — A/CNAME と各社ガイド
    • CSV と JSON を相互変換 — 型・区切り文字・ローカル
    • HTML エンティティ エンコード/デコード — ローカル処理
    • IndexNow — Bing URL 送信・キー確認・ステータスコード
    • 自分のIPアドレス確認 — グローバルIP表示(IPv4/IPv6)
    • JSON Schema バリデータ — draft-07 のパス、ローカル
    • Markdown と HTML を相互変換(プレビュー付き)
    • Compare Two Texts Online — Text Diff Checker
    • サイトのHTTPヘッダを確認 — レスポンスヘッダ検査
    • YAML と JSON を相互変換(型ルール・複数ドキュメント対応)
  • Calculators
    • BMI計算ツール — 体格指数の求め方
    • 多変数の勾配 ∇f を計算 — 偏導関数ベクトル
    • 限界収入の求め方 — MR計算ツール(公式 ΔTR / ΔQ)
    • パーセント変化の計算 — 旧値から新値への増減率
    • ROI(投資利益率)計算ツール — 計算式と例
    • 平方フィート⇔平方メートル換算 — 物件・リフォーム向け
  • English
  • 中文
  • Español
  • العربية
  • Português
  • Bahasa Indonesia
  • Français
  • 日本語
  • Русский
  • Deutsch

ツール

文字透かしを追加 — ブラウザ完結DNS に WWW を追加 — A/CNAME と各社ガイドブランドカラートークン — HEX/HSL/OKLCHスケール画像から色を抽出 — パレットとクリック取色CSV と JSON を相互変換 — 型・区切り文字・ローカル画像を反転 — 左右・上下BMI計算ツール — 体格指数の求め方多変数の勾配 ∇f を計算 — 偏導関数ベクトル限界収入の求め方 — MR計算ツール(公式 ΔTR / ΔQ)パーセント変化の計算 — 旧値から新値への増減率ROI(投資利益率)計算ツール — 計算式と例HTML エンティティ エンコード/デコード — ローカル処理画像に枠を追加 — 色と幅画像圧縮 — 長辺・画質・目標サイズ(端末内)画像の切り抜きとサイズ変更(端末内)写真の EXIF 表示と削除(GPS・カメラ情報・端末内)画像フォーマット変換 — PNG JPEG WebP AVIF BMP GIF ICO SVG ローカルグレースケール変換 — ローカルで白黒に画像結合 — 複数写真を1枚のコラージュに画像最適化 — WebP / AVIF / MozJPEG(端末内)画像に重ねる — 写真へロゴを配置画像↔Base64 — ブラウザで変換画像からGIF — 短いアニメ画像をPDFに — 1枚1ページ画像をPowerPointに — 1枚1スライド画像をWordに — ローカルDOCXIndexNow — Bing URL 送信・キー確認・ステータスコード自分のIPアドレス確認 — グローバルIP表示(IPv4/IPv6)JSON Schema バリデータ — draft-07 のパス、ローカルMarkdown と HTML を相互変換(プレビュー付き)平方フィート⇔平方メートル換算 — 物件・リフォーム向けCompare Two Texts Online — Text Diff CheckerWCAGコントラストチェッカー — AA/AAA比率サイトのHTTPヘッダを確認 — レスポンスヘッダ検査YAML と JSON を相互変換(型ルール・複数ドキュメント対応)

画像結合 — 複数写真を1枚のコラージュに

    0.90

    ブラウザで複数の写真を1枚のコラージュや連結画像にまとめます。手順:画像追加→横/縦/グリッドレイアウト→余白と背景→結合→JPEG/WebP/PNGをダウンロード。例:サンプル3色を横並び、白背景、余白8px→WebP1枚 — ファイルは端末外に出ません。一般的な投稿サイズ preset も任意。

    使い方

    2枚以上追加し、順序を直し、レイアウト・余白・背景を選んで結合。ページはローカルで1枚のキャンバスを作り、順に描画し、必要なら一般的な正方形やリンクプレビューサイズに縮小してからダウンロード — アップロードなし。

    レイアウトのルール

    キャンバスサイズは下記の式に従います。グリッドはセル幅・高さを統一;全体表示は余白、トリミングは切り抜き。

    • 横並び:高さ=元画像の最大高;各画像をその高さに合わせて縮小;幅=縮小後の幅の合計+(n−1)×余白。
    • 縦並び:幅=元画像の最大幅;各画像をその幅に合わせて縮小;高さ=縮小後の高さの合計+(n−1)×余白。
    • グリッド:列2–4;行=ceil(n/列);セル=最大幅×最大高;セル間に余白;セル内は全体表示またはトリミング。
    • preset は完成コラージュを1080×1080または1200×630に背景色付きで収めます(一般的サイズで、各SNSの承認保証ではありません)。描画前に背景を塗ります。

    例

    3色サンプルを読込、横並び・余白8px・白背景・WebP 0.90・preset なしで結合。約728×180 px の帯が得られます。グリッド3列にすると等サイズセル1行になります。

    こんなときに

    • ビフォーアフター:2枚を横に並べてレビューや記録に。
    • 手順説明:スクショを縦に積んで1枚の長い画像に。
    • 商品の複数角度や9マス storyboard:グリッド後、重ければ圧縮ツールへ。

    Frequently asked questions

    写真はアップロードされますか?

    いいえ。デコード・レイアウト・書き出しはブラウザ内。Network に POST はありません。

    横並びと縦並びの違いは?

    横は高さを揃えて幅方向に伸ばす;縦は幅を揃えて高さ方向に伸ばす。グリッドは固定セルで全体表示かトリミング。

    1080/1200 preset で Instagram/Facebook 承認が保証されますか?

    いいえ。一般的な出力サイズです。各アプリの規約は変わるので投稿先を確認してください。

    アニメ GIF はどうなりますか?

    最初のフレームだけデコード・描画。出力にアニメは残りません。

    巨大コラージュが失敗する理由は?

    辺 ~8192 px 超や総ピクセル過多でメモリ不足のことがあります。枚数・列数を減らすか、先にトリミングツールで縮小してください。

    Related tools

    • 画像に重ねる — 写真へロゴを配置
    • 画像の切り抜きとサイズ変更(端末内)
    • 画像圧縮 — 長辺・画質・目標サイズ(端末内)
    • 画像をPDFに — 1枚1ページ
    • 画像からGIF — 短いアニメ

    このツールを共有

    SNSで共有、リンクをコピー、または端末の共有機能を使えます。

    XFacebookLinkedInRedditWhatsAppTelegram

    https://onlinefreetools.org/ja/tools/image-merge

    お問い合わせ・フィードバック

    分かりにくい点、不具合、不足があれば下にメッセージを書いてください。ツールに関する内容はすべて確認します。

    メール: dailyonetools@outlook.com

    References

    • MDN — CanvasRenderingContext2D.drawImage()
    • MDN — HTMLCanvasElement.toBlob()
    OnlineFreeTools.org · 学習プロジェクト · 継続的にイテレーション
    について·開発ログ·プライバシー·利用規約·お問い合わせ