做网站时,经常需要插入图片,但是如果自己的图片还没有完全弄好的时候,一般可以先放一个图片占位符,可以看到整体的效果。
下面推荐一个非常灵活的图片占位符工具:Lorem Picsum
它不仅可以支持插入图片,同时可以调整图片的尺寸、比例等格式,具体示例如下:
图片链接地址:https://picsum.photos/200/300,只需要在最后面写上两个数字,前面是图片宽度,后面是图片高度即可。
图片链接地址:https://picsum.photos/200,只需要填写一个数字,也就是正方形的边长
图片链接地址:https://picsum.photos/200
图片链接地址:https://picsum.photos/200/300?grayscale,最后加上?grayscale即可,前面的同上
图片链接地址:https://picsum.photos/200/300?blur,最后加上?blur即可,前面的同上。
另外还可以通过?blur=数字,来调整图片的模糊程度,例如?blur=2
图片链接地址:https://picsum.photos/id/870/200/300?grayscale&blur=2,两个参数叠加即可
图片链接地址: