开发者社区> 问答> 正文

钉钉机器人使用Markdown的格式发布消息,其中图片在手机端加载出来之后比例失调,怎么解决?

钉钉机器人使用Markdown的格式发布消息,其中图片在手机端加载出来之后比例失调,这个问题有大佬知道怎么解决吗?

展开
收起
三分钟热度的鱼 2023-08-08 16:16:32 583 0
2 条回答
写回答
取消 提交回答
  • 钉钉机器人在手机端加载Markdown格式的消息时,确实存在图片比例失调的问题。这是因为钉钉在手机端对Markdown消息的渲染方式与PC端有所不同,导致图片的显示效果可能会受到影响。

    目前,钉钉官方并没有提供官方支持的方法来解决这个问题。不过,您可以尝试以下几种方法来优化图片在手机端的显示效果:

    1. 使用合适的图片尺寸:在编写Markdown消息时,尽量使用合适的图片尺寸,避免图片过大或过小导致比例失调。可以将图片缩放为手机屏幕大小的合理尺寸。

    2. 调整Markdown中的图片语法:尝试使用其他方式插入图片,例如使用HTML标签 <img> 来插入图片,并设置图片的宽度和高度属性,以控制图片的比例和大小。

    3. 使用外部图片链接:如果发现钉钉机器人在手机端无法正确显示Markdown中的图片,可以尝试将图片上传至外部服务器,并使用外部图片链接来展示图片。

    4. 反馈给钉钉官方:如果以上方法都无法解决图片比例失调的问题,建议您将该问题反馈给钉钉官方的技术支持团队,以获得更准确和详细的解决方案。

    2023-08-08 22:22:13
    赞同 展开评论 打赏
  • 北京阿里云ACE会长

    这个问题可能是因为图片未设置宽高比例尺寸导致的。

    发布Markdown消息时加入图片,需要指定图片的URL以及宽高像素信息:

    Copy
    图标{:width=100 height=100}
    指定宽高后,在不同分辨率的手机和PC上,图片都能以正确的比例显示。

    如果不指定宽高,那么:

    在PC端(宽屏)可能正常
    但在手机端(窄屏)上就会以实际分辨率加载,导致图像变形
    这就是导致你手机端图像失真的原因。

    要解决这个问题,建议在调用机器人接口时,为图片指定正确的宽高信息。

    例如:

    json
    Copy
    {
    "msgtype":"markdown",
    "markdown":{
    "text": "test{:width=200 height=200}
    }
    }
    指定宽200,高200后,你的图片就会在钉钉各端都以正确的200x200像素的比例显示。

    所以关键是为图片提供合理的宽高比例,让图像在各分辨率下显示效果一致。

    2023-08-08 20:05:16
    赞同 展开评论 打赏
来源圈子
更多
收录在圈子:
+ 订阅
问答排行榜
最热
最新

相关电子书

更多
Tangram 立即下载
360手机卫士 插件化漫谈 立即下载
手机京东Crash自动分析处理系统 立即下载