Command Palette

Search for a command to run...

継ぎ目は、分割画像がうまくいかないところです

継ぎ目は、分割画像がうまくいかないところです

T
Toolz Team
|Oct 21, 2026|17 分読んでください
GoogleでToolz.devを優先します

画像ツールコレクションの一部

Image Splitter

Cut an image into a grid of equal tiles in your browser, then download them as a ZIP

Image Splitter を使う

幅 1001 ピクセルの画像では、333 のタイルが 3 つありません。 333、334、333 を与え、どのタイルが余分なピクセルを取得するかによって、画像が元に戻るかどうかを決定します。 これを記述する明白な方法は、幅をカウントで割り、そのサイズをタイルごとに使用すると、何も報告せずに 1001 x 667 の画像から 2,333 ピクセルをドロップします。 タイルはそれ自体できれいに見えます。 損傷は、2 人が互いに寄り添った場合にのみ表示されます。これは、9 ピースの Instagram グリッド上で、すべての訪問者が見る 1 つの場所である、継ぎ目の下の間違ったものの細い線として現れます。

tl;dr: 画像を分割することは、1 つの算術決定が繰り返されます。画像が均等に分割されない場合、各カットはどこに落ちますか。 1 つの丸いシーケンスからすべての境界を計算すると、構造によってタイル N+1 の左端が N+1 の左端になります。 ハッシュによって検証: 1001x667 の画像は、9 つのタイルに分割され、元のピクセルと同じ md5 で生のピクセルを元に貼り付けたものです。 6fc1f790a418dc1ed3ee3d11747f1c20。 単純なアプローチでは、同じ画像から 2,333 ピクセルがドロップします。 ザ・ 画像スプリッター ブラウザで動作し、Zip を返します。

ここでの画像の分割とはどういう意味ですか?

1 つの写真を小さな写真のセットに切り分けて、重なりもなく、何も残さずに、それを正確に並べ替えます。

あなたが望むことを言う2つの方法。 グリッドモード 行と列の数を取り、3 × 3 の場合、画像サイズに関係なく 9 つのタイルが与えられます。 サイズモード タイルの幅と高さをピクセル単位で取ります。ただし、グリッドはそれらの多くに適合しますが、右側の列と下の行が残っているものが多くあります。

その背後にある仕事は具体的です。 1 つの写真から 9 ピースの Instagram グリッド。 印刷可能なシートに分割された大きな地図またはポスター。 フレームに切り戻されたスプライト シート。 カルーセルのポストに分割されたパノラマ。 それらのすべてで、ピースが再び隣接することになるため、縫い目は操作に関して何よりも重要です。

グリッドが均等に分割されないのはなぜですか?

画像の寸法はカメラが生成したものであり、3 つがそれらに入ることはめったにないからです。

ピクセルは整数であるため、カットがピクセル境界に当たるか、存在しないかのどちらかです。 幅が列数の倍数でない画像には、どこかに行く必要がある余りがあり、唯一の問題はどこにあるかです。

スプリッターが生成するシーケンスで測定:

画像幅 切り込む タイル幅 和
1000 3つです 333、334、333 1000
1080 3つです 360、360、360 1080
1001 7です 143×7 1001
4032 5です 806、807、806、807、806 4032

残りは捨てるのではなく、広がります。 3 つの部分で 1000 ピクセルの画像は、333、333、334 ではなく 333、334、333 を与えます。これは、各境界が次のように計算されるためです。 round(total * i / count) 同じシーケンスから。 1 つの画像では違いが見えず、グリッド上では重要です。最後のタイルのピクセルが余分にあると、最後の列が他の画像よりも目に見えて広がります。

3 行目に注意してください。 1001 を 7 で割ったものは、正確に 143 で、多くの次元がきれいに分割されます。 算術は、そうでない場合にのみ表示されます。

継ぎ目で何も失われないことをどのように知っていますか?

画像を分割して元に戻し、ピクセルを比較するのではなく、比較します。

1001 x 667 の決定論的ノイズの画像を生成したので、すべてのピクセルがその近隣とは異なり、複製またはドロップされた列はハッシュに明らかです。 次に、ツール独自の計画を使用して 3 × 3 に分割し、各タイルを抽出し、それぞれのタイルを元の座標に貼り付けます。

source        1001x667   raw md5 6fc1f790a418dc1ed3ee3d11747f1c20
reassembled   9 tiles    raw md5 6fc1f790a418dc1ed3ee3d11747f1c20

同じ。 類似していない、視覚的に区別できない: 同じバイト。 ピクセルは失われず、重複していません。

それを作成したタイルはすべて同じサイズではありません。これがポイントです。

334x222  333x222  334x222
334x223  333x223  334x223
334x222  333x222  334x222

9 つのタイル、3 つの異なる幅、2 つの異なる高さが 667,667 ピクセルで、正確に 1001 倍の 667 です。

今、同じ仕事の素朴なバージョンです。 とる floor(1001 / 3) あんど floor(667 / 3)、タイルごとに 333 x 222 を使用すると、999 を 666 でカバーします。 幅 2 ピクセル、高さ 1 ピクセルのストリップは、タイルにはなりません。 つまり、2,333 ピクセルがサイレントに破棄され、写真の上で写真の右端になります。

グリッド モードまたは固定タイル サイズ?

ピースの数が重要な場合はグリッド。 各ピースの寸法が重要な場合のサイズ。

あなたが欲しい モード なんでや
フィード グリッドの 9 つの投稿 グリッド、3 x 3 カウントが必要です
A4 シートのポスター サイズ シートサイズが必要です
フレームにカットされたスプライト シート サイズ フレーム サイズは固定されており、既知です
カルーセルへのパノラマ グリッド、1 行 カウントはカルーセルの長さです

2 つのモードは残り物について意見が分かれています。それが、それらの真の違いです。 グリッド モードは残りを分散するため、すべてのタイルは 1 ピクセル以内にあります。 サイズ モードでは、あなたが要求したサイズと正確に残りのすべてを最後の行と列に配置します。

サイズ モードの最後の行と列はどうなりますか?

小さくなって出てくるので、それは意図的なものです。

1000 x 800 の画像を 300 × 300 のタイルに分割すると、4 x 3 のグリッドが得られます。 12 のタイル。そのうち 6 は 300 × 300 ではありません。

r0c3  100x300    r1c3  100x300    r2c3  100x200
r2c0  300x200    r2c1  300x200    r2c2  300x200

800,000 ピクセルをカバーし、まさにソースです。 別の方法として、画像をタイルの数に切り落とし、右側に 100 ピクセルのストリップを静かに投げ捨て、下部に沿って 200 ピクセルのストリップを作成することもできます。 それを行うツールは、写真のエッジが重要ではないことを決定します。

等しいタイルが必要な場合は、グリッド モードを使用します。 特定のサイズのタイルが必要なのに、画像がそれで分割されない場合、サイズの小さいエッジの部分が正直な答えです。

ファイルの名前は R01-C01 なのはなぜですか?

ファイル マネージャーが名前で並べ替えると、読み込み順序が表示されますが、他の方法では実行できません。

並べ替えはアルファベット順なので、 tile-10 間で並べ替え tile-1 あんど tile-2。 そのようにリストされた 12 ピース グリッドは、間違った順序で再組み立てされ、ファイル名から作業する人は、行 2 が属する場所に 10 行を配置します。

数字は最大のインデックスの幅に埋め込まれているため、必要な場合にのみパディングが表示されます。

3 x 3 grid    shot-r3-c3.png
12 x 12 grid  My-Holiday-Photo-r01-c01.png ... My-Holiday-Photo-r12-c12.png

元の名前は、スペースと文字以外の文字列でハイフンに変換されたものであるため、電話からのファイルでも、それが何であったかを示します。

タイルの png または jpg ですか?

タイルが写真で、合計サイズが問題でない限り、png です。

分割はそれ自体がロスレスです。タイル内のピクセルはソースからのピクセルです。 PNG として保存すると、そのままにしておくことができます。 png ロスレス形式です。 JPEG として保存すると、各タイルが再エンコードされます。これは、すでに JPEG だった写真で、第 2 世代の損失を意味します。

通常の場合を超えて、PNG を好むように分割することには、具体的な理由があります。 JPEG は 8 ブロックで 8 ブロックで圧縮され、そのアーティファクトはそれらのブロックのエッジで最も強力です。 すべてのタイル境界は、新しいファイルの新しいエッジであり、その隣人を知らずにエンコードされているため、JPEG タイルは、目に見えないようにしようとしていた継ぎ目とまったく同じように、かすかな不連続性を示すことができます。 PNG にはそのような行動はありません。

JPG の品質は 0.92 で、選択するとツールが記述するものであり、妥当な設定であり、まだ第 2 世代です。 とにかく再圧縮するソーシャル フィードに向かう写真の 9 つのタイルの場合、それは防御可能な取引です。 印刷または再組み立てされているものについては、png を参照してください。

何枚のタイルを作ることができますか?

400 は 20 x 20 グリッドであり、限界は算術ではなくブラウザーに近いものです。

タイルは、それぞれが圧縮される前に、独自のキャンバスと独自のエンコードされたブロブになり、400 タイルとは、1 つのタブに 400 のキャンバスと 400 のエンコードを意味します。 それを過ぎると、エンコーディングはゆっくりとページを終了するのではなく、ページを失速させ始めます。

21 x 21 ->  That is 441 tiles. The limit is 400, which is a 20 by 20 grid.

2 回目のチェックでもう一方の端がキャッチされます。 画像をその軸に沿ってピクセルよりも多くの部分にカットすることはできません。そのため、高さ 0 のタイルを 30 個生成するのではなく、高さ 50 ピクセルの画像から 80 行を要求するのではなく、画像の実際のサイズで拒否されます。

Instagram で 9 ピースのグリッドが並びますか?

ピースは正しくなります。 錯覚が機能するかどうかは、2 つの部分がある別の問題です。

まずは形状。 フィード グリッドは正方形のセルであるため、3 対 3 の正方形のソースは正方形のタイルを与え、すべてが一致します。 3 × 3 の 4:3 の写真で 3 × 3 の分割で 4:3 のタイルが表示され、フィードはそれぞれを独立して四角に切り分け、写真を壊します。 ソースを分割する前に、分割する前にトリミングまたはパッドで四角にします。

第二に、注文です。 フィードは、最初に、左上から右に移動します。 したがって、左上隅に必要なタイルは、最後に投稿されたものである必要があります。 投稿順序は、読み取り順序の逆です。右下のタイルから始めて、左上で終了します。 ファイルの番号が付けられた順序でそれらを投稿すると、画像が上下逆さまにされ、前面に戻ることができます。

グリッドがサムネイル間に小さな隙間を描くため、継ぎ目も見えなくなります。 この効果は、連続画像ではなく、窓枠を通して見た画像であり、これは、すべてのグリッド ポストがどのように見えるか、そして人々が期待するものです。

シート全体で印刷するタイルのサイズは?

用紙とプリンターの解像度から逆方向に作業し、合計が画像よりも大きくなると予想されます。

A4 は 210 から 297 ミリメートルです。 1 インチあたり 300 ドットで、注意深く見るものの通常のターゲットであり、1 枚あたり 2,480 x 3,508 ピクセルです。 A4 の 3 x 3 のポスターには、78 メガピクセルの 7,440 x 10,524 ピクセルのソースが必要です。 最近の電話からの写真は約 12 です。

したがって、このジョブの正直なバージョンは、通常、300 dpi よりも低い解像度、またはシート数が少ないか、印刷がソフトになることを受け入れます。 150 dpi の場合、同じ 3 x 3 は 3,720 x 5,262 を必要とし、これは優れたカメラの手の届くところにあります。 分割は詳細を追加できません。カットがどこに落ちるかだけを決定します。

印刷後ではなく、印刷前に解決すべきことの 1 つ。 消費者向けプリンターはシートの端まで印刷できないため、各タイルは白い余白が付いて到着し、9 枚のシートを一緒にテープで貼り付けられた場合、写真を通して 9 つの白い境界線が表示されます。 通常の答えは、プリンターがそれをサポートしている場合は、縁なしで印刷するか、1 つの端に沿って各シートをトリミングして重なるようにすることです。 このツールは正確にカットされ、ブリードもオーバーラップもありません。そのため、オーバーラップはソースから発生する必要があります。少し大きなグリッドを分割してストリップを失うことを受け入れるか、ブリードを分割する前に自分で追加します。

分割は品質を失いますか?

カットはしません。 節約は、誰も言及していないサイズ変更が確実に実現します。

各タイルは、ソース イメージから、正確にタイルのサイズのキャンバスに描画され、1 つのソース ピクセルから宛先ピクセルまで、スケーリングは必要ありません。 それはコピーです。 上記のハッシュ テストはその証明です。

品質がどこにあるかは、上記で説明したエンコーダであり、このツールのすべて以外のことは、どこにでもアップロードする場所で、タイルのサイズが変更される可能性があります。 1080 x 1080 を必要とするフィードに投稿された 360 x 360 のタイルは、プラットフォームによってスケールアップされ、アップスケーリングはピクセルを発明します。 タイルが既知のサイズの場所にある場合は、ソースを十分に大きく分割して、各タイルを少なくともそのサイズにします。

なぜダウンロードは zip で提供されるのですか?

9 つのファイル、つまり 400 は、ブラウザが戦いをせずに 1 つずつ引き渡すことができるものではないからです。

複数のダウンロードを順番にトリガーするページは、最初のブラウザーによってブロックされます。これは、ダウンロード フォルダーに 20 のことを入れようとするページに対する賢明な保護です。 建物 zip ページ内で 1 つのファイルを提供する方法がその通りであり、タイルを名前とともにそのまま維持します。これは、再組み立てに重要な部分です。

アーカイブはメモリ内に構築されます。これは、400 タイルの天井のもう 1 つの理由です。タブには、ソース イメージ、すべてのタイルのキャンバス、すべてのエンコードされた BLOB、および完成したアーカイブが同時に保持されます。

分割ができないこと

長方形を長方形のグリッドにカットします。 そこには他に何もありません。

一部のマッピング ワークフローで必要なタイル間の重複はありません。 印刷用のブリードやクロップ マークはありません。 長方形以外の部品はありません。 分割前に正方形に自動トリミングする必要はありません。 再組み立てはありません。これは逆の仕事であり、属しています。 イメージの合併、 そのガイド。

パズル、モザイク、またはオーバーラップのあるタイルが必要な場合、これはそのツールではありません。9 つのファイルがダウンロード フォルダーに到着した後ではなく、開始前にそのギャップを知る価値があります。

なぜこれがブラウザで実行されるのですか?

写真から長方形を切り取るのは何かだから キャンバスはネイティブにと、サーバーは、自分のイメージのコピーを他の誰かのディスクに追加するだけです。

画像はタブにデコードされ、各タイルは独自のキャンバスに描画され、各キャンバスはエンコードされます。 toBlob、コレクションは圧縮されて返されます。 何もアップロードされず、何も保存されません。

人々が分割する画像は、フィードの休日の写真であるとは限りません。 それらは、公開前のフロア プラン、スキャン ドキュメント、医療画像、内部システムのスクリーンショット、アートワークです。 これらの場合、通常の代替案は、自分のマシンがほんの一瞬で実行する操作と引き換えに、全体像をサービスに送信します。

Comments

0 comments

0/2000 characters

No comments yet. Be the first to share your thoughts!