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" />

使用說明

透過三個簡單的步驟開始建立基本的佔位圖片:

快速開始

  • 輸入所需尺寸(例如:300x200)
  • 點選“產生圖片”獲取URL
  • 複製並在您的專案中使用產生的URL

提示和技巧

  • 使用預設尺寸獲取常用尺寸
  • 在URL中使用十六進位制顏色程式碼時需要移除#符號
  • 在自訂文字中使用+替代空格
  • 預覽即時更新

高階選項

功能描述示例
自訂顏色 使用十六進位制程式碼新增背景/文字顏色 /300x200/CCCCCC/333333
自訂文字 在佔位圖片中新增您的文字 ?text=Hello+World
字型選擇 從各種網頁安全字型和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
  • 顏色 — 使用十六進位制程式碼自訂背景和文字顏色
  • 文字 — 自訂文字內容
  • 字型 — 從流行的Google字型中選擇
  • 透明度 — 可選的透明背景
最佳實踐
  • 使用SVG獲得可伸縮性 — 完美適配響應式設計
  • 選擇WebP儲存照片 — 比JPG/PNG有更好的壓縮效果
  • 啟用透明度 — 當需要適配不同背景時
  • 保持文字簡短 — 在小圖片上獲得更好的可讀性
  • 快取圖片 — URL是穩定的並可快取
使用限制
  • 最大圖片尺寸:2000x2000畫素
  • 文字長度會自動影響字型大小
  • 某些字型可能不支援所有字元
  • 顏色值必須是有效的十六進位制程式碼
  • 圖片產生時間可能因尺寸和格式而異