画像を分割

仕組み

画像の分割は、主にSNSのレイアウトのために行います。パノラマ写真をスワイプできるカルーセルとして投稿する、縦長のグラフィックを3×3のプロフィールグリッドに切り分ける、横長のバナーをスライドに分ける、といった場合です。手作業では面倒で、わずかにずれやすく、そのずれは、ピースを並べた途端にはっきり分かります。

グリッドの切り方

画像は同じ大きさのタイルに分割されます。各ピースは拡大縮小なしで元の解像度のまま書き出され、左から右、次に上から下の順に番号が付けられます。カルーセルが想定している順序です。

よく使われるレイアウト

3列×1行にすると、横長の画像がスワイプできるカルーセルになります。3×3は定番のプロフィールグリッドです。1列×複数行にすると、縦長のインフォグラフィックが読みやすいスライドに分かれます。

均等に割り切れない場合

幅が列数で正確に割り切れない場合、各タイルは切り捨てられ、右端と下端から数ピクセルが除かれます。この端が重要な場合は、先に元の画像を割り切れるサイズにトリミングしてください。

投稿する順序

カルーセルは通常、順番どおりにアップロードするので、番号は希望どおりになります。プロフィールグリッドでは、多くのフィードで最上段が最後に埋まることを覚えておいてください。グリッドを正しく組み上げたい場合は、ピースを逆の順序でアップロードしてください。