【日常记录】【工具】随机生成图片的网站 Lorem Picsum

2024-06-26 23:59| 来源: 网络整理| 查看: 265

文章目录 1、介绍2、获取固定宽高的图片3、处理图片缓存4、 Emmet 缩写语法

1、介绍

Lorem Picsum 是一个免费的图片占位符服务，可以用于网站、应用程序或任何需要占位符图片的地方。它提供了一个简单的 API，可以通过 HTTP 请求获取随机图片，也可以指定特定的图片大小和其他参数。Lorem Picsum 还提供了一个网站，可以在其中浏览和下载图片。这些图片都是由 Unsplash 社区的摄影师上传的，可以免费用于个人和商业用途。

Lorem Picsum 官网地址

2、获取固定宽高的图片 DOCTYPE html> Document 获取指定宽度和高度的图片

/200/300 第一个参数是宽度，第二个参数是高度，传递一个参数，表示宽度和高度相等

3、处理图片缓存

往往在开发过程中，一般需要很多张图片，但是用的时候会发现，很多张的时候，图片内容是一样的，这是因为浏览器的缓存导致，一张图片浏览器下载后，再次遇到相同的路径，浏览器会缓存里获取图片

Emmet 缩写语法：img[src="https://picsum.photos/200?$"]*20 快速生成 img 元素并且生成地址

DOCTYPE html> Document img[src="https://picsum.photos/200?$"]*20 获取指定宽度和高度的图片

在这里插入图片描述

4、 Emmet 缩写语法

在这里插入图片描述

【本文地址】

公司简介

联系我们