カスタムプレースホルダー画像(ダミー画像)を即時生成
プレースホルダーをカスタマイズ
PNG・JPEG・WebPはRetina拡大後で100万画素までです。大きな画像にはSVGを選んでください。
画像が決まる前に配置を試す
商品カード、記事のカバー、バナーの予定領域を、文字入りの画像で試せます。幅と高さを表示したい比率に合わせ、小さい画面と大きい画面で配置を確認してください。画像枠の確認に向いており、写真のファイル容量や切り抜き方を再現するものではありません。
使う場所に合わせて形式を選ぶ
- SVG:拡大しても輪郭がぼけにくい形式です。ブラウザやSVG対応のツールで使えます。
- PNG:透明部分や画素の保持が必要な場合に使います。
- JPEG:JPEGを要求する取り込み先で使います。透明部分は保持されません。
- WebP:取り込み先が対応している場合に選べる画像形式です。
寸法・文字・Retina出力
幅と高さは1〜3,000 pxです。PNG・JPEG・WebPはRetina拡大後の幅×高さが100万画素以内に限ります。それより大きな配置にはSVGを使うか、寸法を小さくしてください。角丸の半径は短い辺の半分までに制限します。文字にはラベルや{width}・{height}を指定できます。空欄では寸法を表示します。Retinaは画像の寸法と文字サイズを2倍にしますが、3,000 pxの上限は変わりません。SVGではRetinaを使いません。SVGの日本語は表示する端末のフォントを使うため、見た目が異なる場合があります。
生成できた画像をコピー・保存する
プレビューの生成後にAPIのURLをコピーするか、ファイルを保存します。大きい画像は応答の容量上限を超える場合があるため、寸法を小さくするかSVG・WebPを試してください。公開する画像URLには、個人情報や機密情報を入れないでください。配置の試験方法はレスポンシブ画像のガイドにまとめています。