Experiment 20
ダミー画像の作成
幅・高さ・背景色・文字・文字色を指定して、仮置き用のダミー画像を作ります。文字は中央に入り、空にすると寸法が入ります。OGPや正方形などよく使うサイズは押すだけで入り、8サイズまとめてZIPでも書き出せます。PNG・JPEG・WebPに対応し、背景を透明にもできます。URLで外部サービスの画像を呼ぶ方式と違い、ファイルが手元に残るので、消し忘れて本番が外部に依存することがありません。ブラウザの中だけで作り、サーバへ送りません。
Input
よく使うサイズ押すと入ります
Output
使い方とメモ
- 幅と高さを入れるだけで、その場でダミー画像ができます。文字を空にすると「600×400」のように寸法が入ります。デザインのあたりを取る、記事のアイキャッチの仮置き、アップロードの動作確認などに。
- よく使うサイズは押すだけで入ります。「まとめてZIP」を押すと、今の色と文字のまま8サイズを一度に書き出します。
- この形のツールとして、ファイルを手元に落とせることに意味があります。URLで画像を呼ぶ方式（
<img src="https://…/300x200.png">）は手軽ですが、消し忘れるとサイトの完成後もそのサービスに依存し続けます。止まれば画像が消え、生きていれば見た人のIPが相手に渡ります。 - 背景を透明にできます（PNGとWebPのみ。JPEGは透明を持てないので白になります）。
- 書き出したときのファイルサイズを出しています。アップロードの上限を試したいときは、大きさや形式を変えながら目安にしてください。
- 幅・高さは 5000 ピクセルまでです。
- 画像はブラウザの中だけで作っています。サーバへ送っていません。
For your business
こういうものを、御社向けにも作れます。
ちょっとした業務ツールから、予約システムのような本格的なWebシステムまで。
「こんなこと、できる？」という段階でも、お気軽にご相談ください。
