专研WordPress,外贸B端网站建设及引流

好用的图片占位符工具

做网站时,经常需要插入图片,但是如果自己的图片还没有完全弄好的时候,一般可以先放一个图片占位符,可以看到整体的效果。

下面推荐一个非常灵活的图片占位符工具:Lorem Picsum

它不仅可以支持插入图片,同时可以调整图片的尺寸、比例等格式,具体示例如下:

插入一张随机的长方形方形图片

图片链接地址:https://picsum.photos/200/300,只需要在最后面写上两个数字,前面是图片宽度,后面是图片高度即可。

image

插入一张随机的正方形图片

图片链接地址:https://picsum.photos/200,只需要填写一个数字,也就是正方形的边长

插入一张随机的正方形图片

图片链接地址:https://picsum.photos/200

插入一张灰度的图片

图片链接地址:https://picsum.photos/200/300?grayscale,最后加上?grayscale即可,前面的同上

插入一张有模糊效果(blur)的图片

图片链接地址:https://picsum.photos/200/300?blur,最后加上?blur即可,前面的同上。

另外还可以通过?blur=数字,来调整图片的模糊程度,例如?blur=2

插入一张有模糊效果(blur)的灰色图片

图片链接地址:https://picsum.photos/id/870/200/300?grayscale&blur=2,两个参数叠加即可

插入多张不重复的图片

图片链接地址: