FREE DEVELOPER TOOL

Product Placeholder Image Generator

Create stable product placeholder images with /product?seed=product-id. Each product gets a distinct image while reloads remain predictable.

https://sampleimg.com/product?seed=product-123

BUILD FROM A URLURLから画像を作成

Interactive Image Builderインタラクティブ画像ビルダー

Tune the image, preview the real API response, then copy the snippet you need.画像を調整し、実際のAPIレスポンスを確認して、必要なコードをコピーできます。

Canvasキャンバス

Width幅Height高さ

Quick sizesよく使うサイズ

Background背景Background type背景タイプ

SeedSeedSame seed + settings = same image.同じSeedと設定なら同じ画像になります。Seed styleSeedスタイル

TextテキストText表示文字

Text color文字色#ffffffFont size文字サイズ

Weight太さAlignment水平位置

Vertical position垂直位置

Border & overlay枠線・Overlay

Radius角丸Border width枠線幅

Border color枠線色#ffffffOverlay image URLOverlay画像URLOverlay opacityOverlay透明度 100%

Output format出力形式JPEG/WebP are accepted by the API but currently return PNG.JPEG/WebPはAPIで受け付けますが、現在はPNGを返します。

LIVE PREVIEWライブプレビューReady

Copy and pasteコピーして利用

Image URL

HTML

Markdown

CSS

React / Next.js

USE CASE

Populate Shopify prototypes, ecommerce cards, product grids, Storybook components, and AI coding agent demos with images keyed to real product IDs.

No account, API key, database, or client-side image renderer is required. Use the generated URL anywhere an image URL is accepted.

DOCUMENTATION

Change a query parameter, refresh the preview, and reuse the URL in HTML, Markdown, CSS, or React.

FAQ

Why use the product ID as the seed?

A stable product ID gives each item its own repeatable image. The same product URL remains unchanged across reloads and deployments.

What size does the product preset use?

The product preset is 1200×1200. You can still choose SVG or PNG and add the supported image parameters.