🔍
デザイナーや開発者が、素材の到着を待たずに画面を組み、画像用の領域を先に確保したい場合に役立ちます。
指定した寸法の SVG プレースホルダー画像を作り、完成画像がまだない段階でもレイアウト内の大きさや配置を具体的に確認できます。
サンプルでは幅800、高さ450、テキスト Banner を指定します。生成後、出力が本当に SVG マークアップであり、指定した寸法と一致することを確認します。これらの値が、レイアウト内でプレースホルダーが占めるスペースを決めるからです。
入力
800
450
Bannerベクター画像は、指定したサイズとテキストを使って、ブラウザ内でページによって記述・組み立てられます。生成中にファイルがアップロードされたり、何かが送信されたりすることはありません。マークアップは、クリアするかページを離れるまで画面に残ります。
まだ用意できていないアートワークの代わりに置くものです。デザイナーや写真家から最終画像が届くのを待たずに、レイアウトがまとまっているか、予定した比率が適切かどうかを確認できます。
指定したサイズの枠と、入力した場合はそのテキストが記述されます。それ以外は追加されないので、どこかに貼り付ける前にコードの内容を常に把握できます。
モックアップ用ツールとして扱うのがよいでしょう。視覚素材がまだ不足していることを示すからです。公開前に最終画像に差し替えてください。そうしないと、訪問者には画像ではなくプレースホルダーが見えてしまいます。