画像分割・結合
Freeブラウザ内で画像をグリッド状のピースに分割したり、複数の画像を1つに結合したりします。
すべてブラウザ内で動作します。画像がどこかにアップロードされることはありません。
クリックして画像を選択するか、ここにドラッグ＆ドロップしてください
クリックして画像を選択するか、ここにドラッグ＆ドロップしてください
0 画像
最近のアクティビティ
全員に公開されています。すべての訪問者による直近20回の使用履歴を新しい順に表示します。
Split · 800×1000 · 1×3
1ヶ月前
Split · 800×1000 · 3×3
1ヶ月前
Split · 800×1000 · 2×2
1ヶ月前
このツールの機能
1つの画像を別々のピースのグリッドに分割し(クイックな2x2、3x3、1x3、2x1のプリセット、または任意のカスタム行と列の数)、個別に、またはすべて一度にZIPファイルとしてダウンロードできます。または、複数の画像を水平、垂直、またはグリッドに配置した1つの画像に結合し、調整可能な間隔と背景、異なるサイズの画像を統一されたレイアウトにフィットまたは塗りつぶす選択肢があります。
仕組み
分割は、整数除算を使用して画像を等しいサイズの列と行に分割し、余ったピクセルは最後の列と最後の行に吸収されるため、すべてのピースは正確な元の寸法に戻ります。各ピースは独自の小さなキャンバスに描画され、PNGとしてエクスポートされます。「すべてをZIPでダウンロード」は、すべてのピースを完全にブラウザ内で1つのアーカイブにまとめます。結合はまず、アップロードした画像の中で最大の幅と高さからセルサイズを算出し、その後、選択したセル間の間隔で各画像をグリッド(または単一の行/列)に配置します。各画像は、クロップせずにセルに収まる最大サイズに画像を縮小する「フィット」(スケール = min(セル幅/画像幅, セル高さ/画像高さ))、またはセルを完全に覆うように画像を拡大縮小してクロップする「塗りつぶし」(スケール = max(セル幅/画像幅, セル高さ/画像高さ))のいずれかを使用してセルに配置され、超過分は両側から均等に切り取られます。
解決できる問題
- 写真をInstagram風の投稿グリッド、またはパズル風のタイルセットに切り分ける。
- 複数のスクリーンショットや商品写真を1つの並列比較画像に結合する。
- デザインプログラムを開かずに、シンプルなフォトコラージュやコンタクトシートを作成する。
よくある質問
›行/列分割グリッドとプリセットの違いは何ですか?
プリセット(2x2、3x3、1x3、2x1)は、一般的な行数と列数をあなたのために入力するだけで、別のモードではありません。5行2列のような正方形でないグリッドを含め、カスタムグリッドフィールドに任意の行数と列数をいつでも入力でき、プレビューは即座に更新されます。
›なぜ最後の行や列が他より1〜2ピクセル大きく見えることがあるのですか?
画像の幅または高さが列数または行数で均等に割り切れない場合、余ったピクセルは破棄される代わりに、その行または列の最後のピースに追加されます。これにより、ピースは常に隙間や欠けたエッジピクセルなしで元の画像に正確に戻ることが保証されます。
›異なるサイズの画像を結合する際、「フィット」と「塗りつぶし」の違いは何ですか?
フィットは、各画像をクロップせずにセルに完全に収まる最大サイズに縮小するため、より小さいまたは異なる形状の画像の側面や上下に空白(レターボックス)が見えることがあります。塗りつぶしは代わりに各画像を拡大または縮小し、空白なくセルを完全に覆うようにクロップします。つまり、一致しない画像の一部のエッジが切り取られます。
›結合モードでは、セルのサイズはどのように決定されますか?
このツールは、アップロードしたすべての画像の中で最も幅の広い画像と最も高さのある画像を調べ、それらをセルの幅と高さとして使用するため、最大の画像が拡大されることはありません。他のすべての画像は、その大きさのセルにフィットまたは塗りつぶされ、グリッド全体が均一に保たれます。
›私の画像はどこかにアップロードされますか?
いいえ。分割と結合はどちらも、HTML canvas APIを使用してブラウザ内でローカルに行われ、分割されたピース用のZIPファイルもブラウザ内で作成されます。サーバーには何も送信されません。
コメント (0)
このツールは役に立ちましたか?コメントを残したり、コツを共有したり、改善方法を教えてください。
まだコメントはありません。最初にご意見をお寄せください!