画像ツール (ウェブアプリ)

▼
 目次
基本 色
加工 描画 ロゴ
スポーツ ゲーム / アニメ
動画GIF
その他
Twitter Twitter UL (@utility_labo) フォローはこちらから

画像結合ツール (つなぎ合わせ専用)

画像斜め結合ツール
画像ファイル入力フォームの増減
 ●　
1.
IMAGE [1]
 ▼

●　 ▼ IMAGE PREVIEW [ 表示 ]▼ IMAGE PREVIEW [ 非表示 ]
 ▼ 設定 (IMAGE PREVIEW) [ 表示 ]▼ 設定 (IMAGE PREVIEW) [ 非表示 ]
 プレビューサイズ (1%～400%)
％
▼　
2.
結合する方向
斜めに切り取って結合する場合
 ▼　
SETTING
▼ 詳細設定 [ 表示 ]
▼ 詳細設定 [ 非表示 ]
 結合するサイズ


┗ W × H px

┗ 直径 px
形
指定のサイズに合わせる場合・切り抜いて結合する場合
切り取る位置 (横軸)
切り取る位置 (縦軸)
[※１] 結合するサイズで「指定のサイズに合わせる」か「切り抜いて結合する」を選択した場合は、切り取る位置 (全ての画像共通) を設定する。
 ●　 結合する角度




 結合する角度を変えた場合は「画像の周辺をあける」を選択するのを推奨。
FullHDサイズくらいの画像を結合する場合は、100～600pxくらいあけると画像が途切れなくなります。(数値は画像のサイズや形・角度に応じて変更)
 ●　
※ 色を付けない場合は透過される
％
px
px
px
px 　選択する場合は ☑ にチェックを入れて下さい。
 ▼　
3.
画像を結合・保存する
▼　
▼ OUTPUT FORM Image result is displayed here
＞＞ 画像合成ツール (画像を重ねる場合)
 説明
複数(2枚以上)の写真(画像)を直列(縦・横)に並べて一括で連結して1枚につなげるウェブアプリです。
アドバイス つなげる画像のサイズについて
つなげる画像のサイズが異なる場合は、詳細設定 ＞ 結合するサイズ で「一番小さいサイズに合わせて縮小する」か「一番大きいサイズに合わせて拡大する」を選択して下さい。
横方向(水平方向)につなげる場合は、縦のサイズ(高さ)を揃えます。
縦方向(垂直方向)につなげる場合は、横のサイズ(幅)を揃えます。
アドバイス (アスペクト比)
同じ形 (アス比) で結合したい場合は、詳細設定 ＞ 結合するサイズ で「指定のサイズに合わせる」を選択するか、 入力する画像を 事前に アスペクト比変更ツール (自動切り取り) で変換しておいて下さい。
切り取る位置を個別に設定したい場合は、後者の方法でアス比を変更して下さい。
 アドバイス (URLパラメーター)
一度に 20枚以上の 画像をまとめて結合したい場合は、URLのファイル名「picture_join_type_series.html」の後ろに「?max=50」を付けて下さい。 「picture_join_type_series.html?max=50」にして アクセスすると 最大数を 50枚 まで増やせます。 (端末の性能によっては 動作が重くなる可能性もあるので 拡張は自己責任で)
最初から3個以上の入力フォームを表示させたい場合は、URLのファイル名「picture_join_type_series.html」の後ろに「?files=10」(数値は任意) を付けて下さい。
角度をつけて画像を結合する方法 (詳細設定の使い方)
画像結合ツール (角度をつけて画像を結合する方法) １.「詳細設定」を開く
２.「結合する角度 ＞ 全て同じ角度に指定する」を選択して、角度を10度にする (角度は任意の数値)
３.「画像と画像の間をあける」のチェックボックスにチェックを入れる
４.「画像と画像の間をあける」の入力フォームに マイナス値を入力して 画像間の距離を狭める (任意の数値)
５.「画像の周辺をあける」のチェックボックスにチェックを入れる
４.「画像の周辺をあける」の数値を変更して 画像が途切れないようにする (画像のサイズ・形・角度によって数値は異なる)
７.「画像の角を丸くする」のチェックボックスにチェックを入れる (数値の変更は任意)
８.「画像の輪郭に線を描く」のチェックボックスにチェックを入れる (色や太さの変更は任意)
 ハート形に切り抜いて画像を結合する方法 (詳細設定の使い方)
画像結合ツール (ハート形に切り抜いて画像を結合する方法) １.「詳細設定」を開く
２.「結合するサイズ ＞ 切り抜いて結合する」を選択して、形はハート形を選択する (直径は任意の数値)
３.「結合する角度 ＞ 全て同じ角度に指定する」を選択して、角度を-10度にする (角度は任意の数値)
４.「画像と画像の間をあける」のチェックボックスにチェックを入れる
５.「画像と画像の間をあける」の入力フォームに マイナス値を入力して 画像間の距離を狭める (任意の数値)
６.「画像の周辺をあける」のチェックボックスにチェックを入れる
７.「画像の周辺をあける」の数値を変更して 画像が途切れないようにする (画像のサイズ・形・角度によって数値は異なる)
８.「画像の輪郭に線を描く」のチェックボックスにチェックを入れる (色や太さの変更は任意)
 関連リンク
画像ツール (目次)
画像斜め結合ツール (斜めつなぎ合わせ)
縦横4枚結合ツール (斜め対応)
画像合成ツール (重ね合わせ専用)
画像合成シリーズ (Twitterヘッダーサイズ)
画像合成シリーズ for X カード形5枚アーチ合成 カード形5枚斜め合成 カード形5枚ランダム合成 映画フィルム風5枚合成 楕円形複数枚合成 星形複数枚合成 ハート形複数枚合成 画像複数枚水平方向合成 画像複数枚垂直方向合成 画像複数枚斜め合成(平行四辺形) 画像複数枚斜め合成(台形) 画像1枚合成 画像2枚斜め合成 画像2枚波形合成 画像2枚ギザギザ合成 画像3枚斜め合成(三角形) 画像3枚斜め合成(台形) 画像4枚合成 画像4枚斜め合成 画像5枚合成 画像5枚斜め合成(菱形) 画像6枚合成 画像8枚合成 画像8枚斜め合成 画像9枚斜め合成 画像10枚合成 画像12枚合成
＞＞ Twitterヘッダー作成シリーズ (背景・画像合成・文字入れ)
▲ 上部に移動する
by UTILITY LABO
<< 目次 (画像ツール)
WSE 2025 (C) UTILITY LABO © UTILITY LABO お問い合わせ (メールフォーム) / ツイッター