Lorem Ipsum ジェネレーター
シンプル&高速

プレースホルダー画像ジェネレーター

デザイン用の美しいプレースホルダー画像を作成

サイズ
px
カラー
テキスト&フォント
画像形式

WebPは圧縮率に優れています

プレビュー
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をプロジェクトで使用

ヒントとコツ

  • 一般的なサイズにはプリセットを使用
  • URLの16進数カラーコードから#を削除
  • カスタムテキストの空白は+に置き換え
  • リアルタイムでプレビューを更新

詳細設定

機能説明例
カスタムカラー 16進数コードで背景/テキストの色を指定 /300x200/CCCCCC/333333
カスタムテキスト プレースホルダーに独自のテキストを追加 ?text=Hello+World
フォント選択 Web セーフフォントとGoogle フォントから選択 &font=Inter

URLは以下のパターンに従います:

https://ph.loremipsums.org/[size]/[bg-color]/[text-color]/[format]?text=[text]&font=[font]

サイズ形式

  • 正方形: /300 (300×300)
  • 長方形: /300x200 (幅 × 高さ)

例

  • 正方形: /300/FF0000/FFFFFF
  • 長方形: /300x200/FF0000/FFFFFF
  • 透明な背景: /300/transparent/000000
  • カスタムテキストとフォント: /300?text=Hello&font=Lato

よくある質問

対応画像形式

以下の画像形式に対応しています:

  • SVG — ベクター形式、レスポンシブデザインに最適(デフォルト)
  • PNG — 透明度対応の可逆圧縮
  • JPG — 写真向けの効率的な非可逆圧縮
  • WebP — 優れた圧縮率を持つモダンな形式
  • GIF — 限定的なカラーパレットの基本形式
カスタマイズオプション

プレースホルダー画像は以下の要素でカスタマイズできます:

  • サイズ — 幅と高さを2000pxまで設定可能
  • カラー — 16進数コードで背景色とテキスト色をカスタマイズ
  • テキスト — 独自のカスタムテキストメッセージ
  • フォント — 人気のGoogle Fontsから選択
  • 透明度 — 背景の透明化オプション
ベストプラクティス
  • SVGを使用してスケーラビリティを確保 — レスポンシブデザインに最適
  • 写真にはWebPを選択 — JPG/PNGより優れた圧縮率
  • 透明度を活用 — 様々な背景に合わせる必要がある場合
  • テキストは簡潔に — 小さい画像での可読性向上
  • 画像をキャッシュ — URLは安定していてキャッシュ可能
制限事項
  • 最大画像サイズ:2000x2000ピクセル
  • テキストの長さにより自動的にフォントサイズが調整されます
  • 一部のフォントでは全ての文字をサポートしていない場合があります
  • カラー値は有効な16進数コードである必要があります
  • 画像生成時間はサイズと形式により異なる場合があります