AI image mocks for frontend work
Use image mocks for static pages and demo data.
A lightweight image API for landing pages, static sites, prototypes, and UI mock data. Fetch assets by ID or tag, resize on demand, and plug the URL straight into HTML.
51+AI-generated sample assets
for pages and mock data
for pages and mock data
Supported tags
Tags
Browse sample assets by supported tags. Each tag now accepts both English and Chinese aliases, and the currently populated gallery covers product, scenery, anime, animal, avatar, photo, and cover.
Simple for demos
One endpoint,
enough for page mocks and sample data.
The endpoint returns image content directly and is designed for frontend demos, static pages, and mock environments. Generate a URL below and place it in ``.
GET /imgSingle mock image endpoint that returns binary image contenttagavatar / 头像 / cover / 封面 / product / 商品 / animal / 动物 / anime / 二次元 / scenery / 风景 / photo / 写真w / hResize proportionally for cards, banners, and static page modulesdprKeep previews sharp on DPR 1, 2, and 3 displays
https://tupian.garden/img?tag=product&w=800&h=600The preview loads the mock image returned by the endpoint directly. Use the copied URL in static pages, demo environments, or placeholder datasets.
Reference
Parameters
| Parameter | Type | Description | Example |
|---|---|---|---|
id | integer | Unique mock image ID; picks a random asset when omitted | id=32 |
tag | string | Mock asset tag with Chinese and English aliases: avatar/头像, cover/封面, product/商品, animal/动物, anime/二次元, scenery/风景, photo/写真 | tag=scenery |
w, h | integer | Output width and height as positive integers; preserve aspect ratio when only one is provided | w=1200&h=675 |
dpr | 1 | 2 | 3 | Device pixel ratio for sharper mock previews, defaults to 1 | dpr=2 |
i | 0 | 1 | 2 | 3 | Cache-busting variant parameter; changing the value helps bypass cached image responses | i=2 |