figma查看原始图片大小

在sketch中可以一键调回原始尺寸，有时想让图片缩放3倍，调到原始尺寸后，宽高输入框“*3” 或者 ⌘+k缩放至300% 就完成了。

2020年11月30日更新
选中图片（带图片填充的形状）时，在右侧属性面板中，切换到 Inspect面板，查看其css样式，就能找到图片链接了。
实际操作路径见下图：

---

那figma里如何知道原始图片的大小呢，目前发现一个“曲线救国”的方法。
figma中选中图片后，执行 鼠标右键–>Copy/Paste–>Copy as SVG
然后粘贴到文本文档中，image标签的宽高属性就是原始图片大小
例如：

<svg width="72" height="78" viewBox="0 0 72 78" fill="none" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
<rect width="72" height="78" fill="url(#pattern0)"/>
<defs>
<pattern id="pattern0" patternContentUnits="objectBoundingBox" width="1" height="1">
<use xlink:href="#image0" transform="scale(0.0416667 0.0384615)"/>
</pattern>
<image id="image0" width="24" height="26" xlink:href="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAaCAYAAACtv5zzAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAD+SURBVEhLxZIxCsJAEEW3F4S0WlpIBEsllXgDO228gdhZWHgEC08jeBdP4AVSrmSZD5O/2WjMmnx4xe7svA8h5tcM5qktGO3XJWTcPtEKFsPEali8fR5LNC7qrOCcZQ4uSq87Bwpw/rooesElmdgqNmZaAvcoYkTnR0s1rQuw8FquHPnp4HiMZw7M+R3PReeHF6MV8IK93yqBKCTms+h7KMCngRhnABEL+Sz6HgsYzFkEcI/fWPQdFuABRAzmQMv1fvcFiF6uIyTGWXR+tKQOLS/ge9H54QUGcwbz4KdBeIHRUg3mHwsQXtSyAogaixGI/laAsDCEPG+eOAXGvAE81lGaLZ5XywAAAABJRU5ErkJggg=="/>
</defs>
</svg>

image标签部分

<image id="image0" width="24" height="26" xlink:href="data:image/png;base64,[base64字符串]"/>

可以看到原始图片是png格式的，宽高是 24x26px


有些小伙伴可能会想问，如何拿到原始图像？
1、方法1：在figma里将图片恢复到原始尺寸，然后将image的fill选项改成fit，再Export就可以了。
2、方法2，可以借助浏览器将base64字符转成图片：

• 首先将除image外的标签内容全部删除；
• 将“xlink:href”修改为“src”；
• 将文本文档保存为“.html”格式;
• 双击html用浏览器打开，在浏览器中就能看到图片；