Studio Puff Tools
制作・開発で使えるブラウザツールをまとめています。studio-puff.com
- 01→Mirror Device Lab
レスポンシブデザイン検証用。対象URLを Mobile / Tablet / Desktop で切り替えて表示し、各 viewport のレイアウトを確認できます。
- 02→Image Converter
画像の形式変換（PNG/JPEG/WebP）とリサイズをブラウザ上で。サーバーに送らずクライアント完結。
- 03→QR Code Generator
URL やテキストから QR コードを生成。中央にロゴを載せてダウンロード可能。
- 04→JSON Formatter
JSON の整形・圧縮・検証をブラウザ上で。サーバーに送らずクライアント完結。
- 05→Data URL Generator
ファイルやテキストを Data URL（Base64）に変換。デコードでプレビュー・ダウンロード。QR のロゴと組み合わせ可能。
- 06→Site Color Extractor
URL を入力すると、そのサイトのプライマリーカラーとカラー展開（パレット）を抽出。theme-color とファビコン・OG 画像から取得。