随机图片API

图片存放

按方向分文件夹放图：

# 横屏图
images/landscape/1.jpg
images/landscape/2.png

# 竖屏图
images/portrait/1.jpg
images/portrait/2.png

接口

简写：h=横屏 / v=竖屏 / a=全部

JSON 接口

加上 ?format=json 返回图片信息而非二进制：

# 请求
GET https://api.kina.ink/api.php?orientation=landscape&format=json

# 返回
{
    "status": "success",
    "filename": "1.jpg",
    "url": "https://api.kina.ink/api.php?orientation=landscape&format=image",
    "orientation": "landscape",
    "width": 1920,
    "height": 1080,
    "mime_type": "image/jpeg",
    "size": 123456
}

使用示例

HTML 图片

<!-- 自适应 -->
<img src="https://api.kina.ink/api.php">

<!-- 横屏 -->
<img src="https://api.kina.ink/api.php?orientation=landscape">

<!-- 竖屏 -->
<img src="https://api.kina.ink/api.php?orientation=portrait">

CSS 背景

.banner {
    background-image: url('https://api.kina.ink/api.php');
    background-size: cover;
}

Markdown

![随机图片](https://api.kina.ink/api.php)
![横屏](https://api.kina.ink/api.php?orientation=landscape)
![竖屏](https://api.kina.ink/api.php?orientation=portrait)

JavaScript 刷新

// 加时间戳防止缓存
img.src = 'https://api.kina.ink/api.php?t=' + Date.now();

自适应规则

预览

自适应

横屏

竖屏

联系方式