图片占位符在线工具

简介

在前端的开发中，有时需要加载各种尺寸的图片，而在开发阶段，这些真实的图片可能并未制作完成。因此，我们可以使用图片占位符工具生成假的图片进行替代。本文介绍一款十分灵活的图片占位符工具，您只需在调用API服务时修改图片尺寸参数就可以生成不同尺寸的图片。

图片占位符官网地址：图像占位符在线工具（Image Placeholder）

图片占位符工具

您只需将您的图片尺寸放在我们的 URL 之后。以下是一些您可以查看的示例：

https://placeholder.smart-tools.cn/300/
https://placeholder.smart-tools.cn/250x100/
https://placeholder.smart-tools.cn/250x100/ff0000/
https://placeholder.smart-tools.cn/350x200/ff0000/000
https://placeholder.smart-tools.cn/350x200/ff0000,128/000,255
https://placeholder.smart-tools.cn/350x200/?text=Hello
https://placeholder.smart-tools.cn/200x100/?retina=1&text=我爱中国&font=noto
https://placeholder.smart-tools.cn/350x200/?text=World&font=lobster

效果图：

    

直接在图像标签或 CSS 背景中使用它们，或者任何你想要的。这是初稿，因此您可能很快就会期待一些新功能。使用 Noto 字体 ( font=noto ) 可以支持中文

总结

Smart-tools工具箱中的图片占位符在线工具，可以支持开发者通过API请求生成各种不同尺寸的Mock图片，方便前端开发时进行页面样式的调试。