[笔记] Lorem Picsum 网页开发自动生成缩图

章节连结

当尝试编写网页前端程式码时,往往会遇上需要产生特定大小图片来确定版型状态的问题。Lorem Picsum 前身为 Unsplash It,这个网站提供便利的方法来自动生成图片。你唯一要做的就是贴上特定的网址来告知浏览器来抓图片。
lorem picsum cover photo


操作方法

1.进入官网 https://picsum.photos/ 后,在官网网址的后方直接加入宽度和高度的数值即可。
例如:https://picsum.photos/200/300 就是随机生成 宽200px 高300px 的图片
CSS,HTML,https://picsum.photos,i.picsum.photos,image lorem,lorem picsum,picsum,picsum photos,selfStudyProgrammingRecord

2.若你只是要生成方形图片,那仅需给一个数值即可。
例如:https://picsum.photos/200 表示生成 宽高都是 200px 的图片

CSS,HTML,https://picsum.photos,i.picsum.photos,image lorem,lorem picsum,picsum,picsum photos,selfStudyProgrammingRecordP.S. 请注意,宽高的数值都需为正整数,且个位数一定要是”0″,不然会出现错误。

3.若你想生成特定 ID 的图片,可以用/id/{image} 来指定。完整的图库可见此
例如:https://picsum.photos/id/1001/200/300CSS,HTML,https://picsum.photos,i.picsum.photos,image lorem,lorem picsum,picsum,picsum photos,selfStudyProgrammingRecord

想要灰阶 Grayscale、模糊 Blur 等进阶用法者,可以点入关往后看详细说明。


按赞加入粉丝团

延伸阅读