縦長画像の分割

一枚の縦長ディテール画像を、多数の小さなスライスへ——それがマーケットプレイスの実際の配信方法

越境の出品者は、美しい縦長のディテールページを作ります——ときに幅800px、高さ10,000px超という一枚の縦長画像が、一回のスクロールで商品の物語をまるごと語る。しかし、それを一つの巨大なファイルとして配信したがるプラットフォームやテンプレートはほとんどありません。Taobao と JD のディテールモジュール、Amazon の A+コンテンツ、Shopify のセクション、メールビルダー——どれも縦長画像が短いスライスの積み重ねに切られているほうがきれいに描画されます。段階的に読み込まれ、画像ごとの高さ制限を避け、高さ固定のコンテンツブロックにきれいに収まるからです。だから本当の作業は縦長画像をデザインすることではなく、一枚を仕上げるたびにそれを正確に、一貫して切ることです。

これを手作業でやるのは退屈で、間違えやすい仕事です。Photoshop のスライスツールは動きますが、ガイドを設定し、出力に名前を付け、書き出す——カタログ全体では本物の雑用で、スライスだけが必要なら過剰です。オンラインの縦長画像分割ツールもありますが、あなたの作品を見知らぬサーバーへアップロードするよう求めます。そしてディテールページには、価格、未発売のセット、渡したくないデザインが含まれることがしばしばあります。切り損じたスライス——見出しの真ん中に落ちたり、商品写真をぎこちなく割ったりするもの——は、書き出しをまるごとやり直すことを意味します。

この分割ツールは、縦長画像を等分または高さ固定の断片に、ブラウザの中で切ります。等分スライスの枚数を選ぶか、正確なピクセル高さを設定して上から下へ切らせると、順番どおりにアップロードできるようZIPにまとめてくれます。ローカルのCanvasで動くので、作品はマシンを一切離れず、アップロードフォームが課す容量の上限もなく、初回アクセス後はオフラインで動きます。アカウント不要、透かしなし、無料。

何が違うのか

• 二つの実際のニーズに、二つのモード。 均等な積み重ねだけが欲しいときはN等分に、テンプレートやモジュールがブロックごとに正確なピクセル高さを要求するときは高さ固定のスライスに。
• 何もアップロードされません。 あなたのディテールページ——価格、セット、未発売のデザイン——はローカルのCanvasで切られ、どこへも送られません。
• 順番どおりのきれいなZIP出力。 すべてのスライスに名前が付いてまとめられて返ってくるので、並べ替えずに上から下へアップロードできます。
• アップロード容量の天井なし。 12,000px の縦長画像も問題なし。あなたを縛るのはサービスの上限ではなく、あなた自身のマシンです。
• 初回アクセス後はオフライン。 飛行中でも電波のない倉庫でもスライスを切れます。
• 無料・登録不要・透かしなし。

IMG.DIY と他の分割ツールの比較

Photoshop のスライスツールは、スライスがすでにアプリで進めている大きなデザイン作業の一工程であるときに適切な選択で、あらゆる切れ目を完全に手動で配置できます。無料のオンライン分割ツールは、アップロードを気にしないなら単発には十分です。このツールが勝つのは、反復的でプライバシーに敏感なケースです——縦長のディテールページを均等または高さ固定の断片に切り、順番どおりにまとめる。作品をアップロードせず、重いエディタを開かずに——無料で、読み込み後はオフラインで。