rdl.ink 全面使用教程:网页截图、渲染与应用场景解析

✅ 一、什么是 rdl.ink?

rdl.ink 是一个轻量级的在线网页截图工具,它通过简单的 URL 参数调用方式,为你渲染任意网页的截图,并支持生成静态图片链接,适合用于:

  • 网站预览图生成
  • 分享社交媒体缩略图
  • 自动化网页截图服务
  • 用于博客/文章引用
  • API 接口集成截图功能

它完全基于 URL 构造,不需要注册账号,也不需要安装插件,开箱即用、完全免费


二、主要功能介绍

功能 说明
网页截图 输入网址即可生成高清截图
裁剪模式(mode) 可控制截图是全屏、裁剪、填充等
输出格式 支持 PNG、JPEG、WebP 等主流图片格式
尺寸控制 可设置截图宽度和设备像素比(DPR)
背景色控制 设置截图背景为透明或纯色
响应式显示 自动适配网页的移动/PC端布局
可嵌入 可直接嵌入到博客、网站或文章中
实时预览 URL 即截图,便于快速测试和使用

三、URL 参数使用详解

基础结构:

https://rdl.ink/render/<目标网址>?参数1=值&参数2=值

其中 <目标网址> 要进行 URL 编码(比如 https://example.com 编码后是 https%3A%2F%2Fexample.com


常用参数一览:

参数 示例 说明
format png, jpeg, webp 输出图片格式(默认 webp)
width 600 设置图片宽度
dpr 2 设置设备像素比,常用 1 或 2(2=高清图)
mode crop, fit, full 截图模式(见下文)
fill solid

你可能感兴趣的:(前端开发,前端)