Poppoworks

画像フレーム作成ツール

FrameMaker

FrameMaker は、画像に余白フレームを追加して保存できるWebアプリです。 正方形、4:3、白銀比、3:2、黄金比、平方根3などの比率に合わせて、SNS投稿やサムネイル向けの余白付き画像を作れます。

できること

FrameMaker のリポジトリ内のHTML、JavaScript、Python実装を確認し、公開アプリの主な機能をまとめています。

フレーム比率を選べる

等倍、4:3、白銀比、3:2、黄金比、平方根3のプリセットと、1.000から1.732までのスライダー調整に対応しています。

背景色を調整できる

白・黒に加えて、読み込んだ画像から抽出した色を背景候補として使える設計です。

角丸を設定できる

画像の角丸を0から200pxまで調整し、フレーム内の見た目を柔らかく整えられます。

メインカラー帯を追加できる

画像の特徴色を抽出し、出力画像の下部に5色のカラーバーとして追加できます。

使い方

  1. 画像ファイルを選択します。
  2. フレーム比率、背景色、角丸、メインカラー帯の有無を調整します。
  3. プレビューを確認し、Save から画像を保存します。

画像の取り扱い

サーバーに画像が保存されることはありません。 ブラウザ上で画像の加工が完結し、PNG画像として保存することができます。