プレースホルダー画像ジェネレーター
シンプル＆高速
デザイン用の美しいプレースホルダー画像を作成
プレビュー
300x200
使用方法
https://ph.loremipsums.org/300x200/CCCCCC/333333/svg<img src="https://ph.loremipsums.org/300x200/CCCCCC/333333/svg" alt="Placeholder" />使用方法
- サイズ設定
- カラー選択
- フォント選択
- コード取得
🚀 クイックスタート
3つの簡単なステップで基本的なプレースホルダー画像を作成できます：
- 希望するサイズを入力（例：300x200）
- 「URLをコピー」をクリックしてURLを取得
- 生成されたURLをプロジェクトで使用
Example: https://ph.loremipsums.org/300x200
⚙️ 詳細設定
| 機能 | 説明 | 例 |
|---|---|---|
| カスタムカラー | 16進数コードで背景/テキストの色を指定 | /300x200/CCCCCC/333333 |
| カスタムテキスト | プレースホルダーに独自のテキストを追加 | &text=Hello+World |
| フォント選択 | Web セーフフォントとGoogle フォントから選択 | &font=Inter |
💡 ヒントとコツ
一般的なサイズにはプリセットを使用
URLの16進数カラーコードから#を削除
カスタムテキストの空白は+に置き換え
リアルタイムでプレビューを更新
よくある質問
📦 対応画像形式
以下の画像形式に対応しています：
- SVG - ベクター形式、レスポンシブデザインに最適（デフォルト）
- PNG - 透明度対応の可逆圧縮
- JPG - 写真向けの効率的な非可逆圧縮
- WebP - 優れた圧縮率を持つモダンな形式
- GIF - 限定的なカラーパレットの基本形式
🎨 カスタマイズオプション
プレースホルダー画像は以下の要素でカスタマイズできます：
- サイズ - 幅と高さを2000pxまで設定可能
- カラー - 16進数コードで背景色とテキスト色をカスタマイズ
- テキスト - 独自のカスタムテキストメッセージ
- フォント - 人気のGoogle Fontsから選択
- 透明度 - 背景の透明化オプション
🔗 URL構造
URLは以下のパターンに従います：
https://ph.loremipsums.org/[size]/[bg-color]/[text-color]/[format]?text=[text]&font=[font]
サイズ形式：
- Square:
/300(300x300) - Rectangle:
/300x200(width x height)
例：
- Square:
/300/FF0000/FFFFFF - Rectangle:
/300x200/FF0000/FFFFFF - Transparent:
/300/transparent/000000 - Custom text & font:
/300?text=Hello&font=Lato
💡 ベストプラクティス
- SVGを使用してスケーラビリティを確保 - レスポンシブデザインに最適
- 写真にはWebPを選択 - JPG/PNGより優れた圧縮率
- 透明度を活用 - 様々な背景に合わせる必要がある場合
- テキストは簡潔に - 小さい画像での可読性向上
- 画像をキャッシュ - URLは安定していてキャッシュ可能
⚠️ 制限事項
- 最大画像サイズ：2000x2000ピクセル
- テキストの長さにより自動的にフォントサイズが調整されます
- 一部のフォントでは全ての文字をサポートしていない場合があります
- カラー値は有効な16進数コードである必要があります
- 画像生成時間はサイズと形式により異なる場合があります