studio.masah.dev

スクショ時刻の書き換え

スマートフォンのスクリーンショットのステータスバーの時刻を、任意の時刻に差し替えます。

使い方

  1. スクリーンショットを読み込む (選択 / ドラッグ&ドロップ / ⌘V での貼り付け)
  2. 端末プリセットを選ぶ。時刻の位置と文字サイズが自動で入ります
  3. ズレていたら、画像の上をドラッグして書き換える範囲を選び直す
  4. 時刻と表記を決めて、「PNG をダウンロード」

拡大プレビューで加工前と加工後を見比べられます。位置や文字サイズは 「文字を領域に合わせる」ボタンと微調整スライダーで詰めてください。

元の時刻の消し方

  • 左右の色でなじませる — 選択範囲の左右にあるピクセルを行ごとに補間して塗ります。 壁紙が透けるステータスバーでも境目が出にくい既定のモードです。
  • 単色で塗る — 選択範囲の周囲から拾った最頻色 (手動指定も可) でベタ塗りします。 ステータスバーが単色ならこちらが確実です。
  • 消さずに上から描く — 元の時刻を残したまま重ねます。

文字色と塗りつぶし色は、選択範囲の周囲の色から自動で決まります。カラーピッカーを 触ると手動モードに切り替わり、「自動に戻す」で戻せます。

仕組みと制限

画像は Canvas 上でブラウザ内だけで処理され、サーバーには送信されません。出力は 再圧縮による劣化を避けるため PNG 固定です。

端末のステータスバーは SF Pro や Roboto で描かれていますが、ブラウザに そのフォントが無い場合は近いものに置き換わります。字形が気になるときはフォント・太さ・ 字間を調整してください。アプリのモックアップやプレゼン資料、UI の作例づくりに向いた道具です。