Web Systems

X写真スタジオ

1枚の写真を大きく見えるX投稿に分割するやつ — Fast, Private & Local

X写真スタジオ Screenshot

ブラウザ上で動作する、X(旧Twitter)用写真分割ツールです。サーバー不要・インストール不要・完全ローカル処理。

写真をドロップして「横に2/3/4」を選ぶだけ。実機計測に基づくタイムラインプレビューで、投稿前の見え方を正確に確認できます。 ZIP一括ダウンロード+X投稿画面への導線まで、分割投稿のワークフローを10秒に短縮します。

デモを開くGitHub リポジトリ

Technology Stack

HTML5CSS3Vanilla JSCanvas APIcreateImageBitmapZIP (自前実装)GitHub Pages

Key Features

ワンタップで2/3/4分割

1枚の写真を横に2〜4分割。漫画・イラスト・風景写真をスワイプで繋がる投稿に変換します。向き(EXIF)も自動補正。

実測ベースのタイムラインプレビュー

現行X(Twitter)のカルーセル仕様を実機計測して再現。最初の2枚が並ぶ表示・拡大時の全体表示まで、投稿前に実際の見え方を確認できます。

表示サイズ比較

1:1の1枚投稿と比較したタイムライン表示高さをゲージで可視化。正方形写真の4分割で約1.9倍、横長写真でも大きく表示されます。

依存ライブラリゼロ

分割・PNG出力・ZIP圧縮まで全部自前実装。CDN依存ゼロ・オフライン動作可能で、読み込みも軽量です。

完全ローカル処理

画像は一切サーバーへ送信されません(CSPで外部通信を根本遮断)。仕組み上、画像を収集することもできません。

セキュリティ対策済み

XSS対策(外部ファイル名のエスケープ)・Content Security Policy適用・blob URL管理まで、単発ツールとしての水準を超えた堅牢性。