TrimScale ― ブラウザだけで画像を高速リサイズ＆トリミング

自作アプリ
2025.12.07

画像のトリミングかつサイズを小さくしたい場合にアプリ立ち上げるのが面倒なので、1つのページでできないかと思い作成。


TrimScale は、サーバーやアップロード不要で「高品質に画像をリサイズし、マウス操作で簡単にトリミングできる」Web アプリです。
サーバーに写真データなど送信されません。
https://kan-taro.github.io/TrimScale/

主な特徴

項目内容
高品質リサイズpica がアンチエイリアス＋シャープ化を自動実装。JPEG でも品質低下なし。
マウスでトリミングキャンバス上でドラッグ＆ドロップで矩形選択。直感的に範囲決定。
レスポンシブ UITailwind CSS CDN によるモダンなデザイン。デスクトップ・スマホ両方対応。
サーバー不要すべてローカルブラウザ上で完結。index.html を開くだけ。

Tailwind CSS と Pica ライブラリを CDN だけで読み込み、index.html を開くだけの動作です。

使い方（クイック）


    以下のページにアクセス
    https://kan-taro.github.io/TrimScale/

    説明は以下に書いてあります。
    https://github.com/kan-taro/TrimScale


    または

    1. GitHub からリポジトリを取得
       git clone https://github.com/kan-taro/trimscale.git
   cd trimscale
    1. index.html をブラウザで開く（ローカルサーバーは任意）。
    2. Choose File から画像をアップロード → スライダーでサイズ変更 → キャンバス上でドラッグしてトリミング → ダウンロード。

    まとめ

    • サーバー構築不要 ― ブラウザで完結。
    • 高速・高品質 ― Pica により業界標準のリサイズ。
    • 直感的トリミング ― マウスドラッグで簡単。

      ぜひ試してみてください！
    • GitHub: https://kan-taro.github.io/TrimScale/

    コメント