「汇总展示」随机获取背景图片壁纸API服务接口大全

2020年5月8日网页前端评论164,1445字数 1097阅读3分39秒阅读模式

Updated: 2023.06.15

可以直接使用 unsplash 的随机图片API。

虽然官方现在已经在试图搞收费API,但看了下以前的接口还是可以用的,这里推荐几个我试过可用的,大家可以尝试修改网址中的参数来获取不同的图片。

https://source.unsplash.com/user/heftiba
https://source.unsplash.com/collection/c1jfZtifQgU/200x200
*format:https://source.unsplash.com/collection/[collection_id]/[width]x[height]

 

Lorem Picsum

B站CodingStartup起码课推荐的一个随机图片API,不过因为在国外,使用的是unsplash壁纸。
最大的优点就是提供了很多丰富的参数设置,比如指定图片、自定义图片大小,图片分类,添加滤镜(黑白、模糊等),使其具有非常丰富的应用场景!
比如下面的案例,我放了三张图片,分别:

  • 指定图片,并指定图片大小
  • 给随机图片添加黑白滤镜
  • 给随机图片添加模糊滤镜,模糊程度为2

效果预览:

可以在下面查看代码和预览效果

另外 Lorem Picsum 也更新了API地址,可以使用下面的这些地址:

随机:https://unsplash.it/640/425

随机:https://unsplash.it/640/425?random

指定 ID:https://unsplash.it/640/425?image=40

指定长宽:https://unsplash.it/g/640/425

添加模糊效果:https://unsplash.it/640/425?blur

阿珏博客—— 随机二次元图片API

主要都是二次元图片、随机动漫壁纸,已经收录14000+ 张图片。

API接口:
https://random.52ecy.cn/randbg.php
参数 (接口1专属):
type:json/302 可选,json:返回标准json数据(图片地址)、302:跳转至图片地址(插入HTML图片时务必使用)
total:1-10 返回的图片数量(仅json数据时有效,最多10张)
style:1/2/3 可选,返回图片的类型,1:webp缩略图、2:jpg缩略图、3:不带水印原图,其他均为带水印的原图
https:true/false 可选,返回图片地址是否为https形式
JSON数据
{
"total":"1", #图片数量
"img":"http://random.52ecy.cn/random.png" #图片地址
}

效果预览:

可以在下面查看代码和预览效果


2024最新 Vue.js 的一般性学习路径 网页前端

2024最新 Vue.js 的一般性学习路径

可以根据自己的经验水平和学习方式进行调整。 初学者: 了解前端基础: 熟悉HTML、CSS和JavaScript。 了解基本的编程概念和Web开发原理。 学习Vue.js核心概念: 官方文档:阅读Vu...
如何初次使用react及next.js框架 网页前端

如何初次使用react及next.js框架

官方文档地址:https://react.dev/learn 请确保你已经安装node.js,并可以使用npm或者npx命令。 (本教程默认你已经安装) 仅作本人学习记录,供参考。 安装及使用Reac...
匿名

发表评论

匿名网友

:?: :razz: :sad: :evil: :!: :smile: :oops: :grin: :eek: :shock: :???: :cool: :lol: :mad: :twisted: :roll: :wink: :idea: :arrow: :neutral: :cry: :mrgreen:

确定