Ku6epXBOCTuK/easy-png-tools2
1
0
Fork 0
mirror of https://github.com/Ku6epXBOCTuK/easy-png-tools.git synced 2026-09-14 13:36:36 +00:00
Code Issues Packages Projects Releases Wiki Activity
Files
86e7b7250d5a35eabdd9c9a463ec7999fb7f641a
easy-png-tools2/web/audit/audit-report.json
T

1395 lines
34 KiB
JSON
Raw Blame History

This file contains ambiguous Unicode characters
This file contains Unicode characters that might be confused with other characters. If you think that this is intentional, you can safely ignore this warning. Use the Escape button to reveal them.
{
"generatedAt": "2026-08-28T11:58:18.224Z",
"ours": "http://127.0.0.1:5179/preview/demo",
"ref": "C:\\+XBOCTuK\\+life_projects\\easy-png-tools\\refs-html\\demo.html",
"tokenDiffs": {
"light": [
{
"key": "--danger",
"ours": "#e5484d",
"ref": "—"
},
{
"key": "--success",
"ours": "#25a96a",
"ref": "—"
},
{
"key": "--text-sm--line-height",
"ours": "—",
"ref": "calc(1.25 / .875)"
},
{
"key": "--text-xs--line-height",
"ours": "—",
"ref": "calc(1 / .75)"
},
{
"key": "--font-weight-medium",
"ours": "—",
"ref": "500"
},
{
"key": "--spacing",
"ours": "—",
"ref": ".25rem"
},
{
"key": "--text-xs",
"ours": "—",
"ref": ".75rem"
},
{
"key": "--radius-md",
"ours": "—",
"ref": ".375rem"
},
{
"key": "--radius-lg",
"ours": "—",
"ref": ".5rem"
},
{
"key": "--text-sm",
"ours": "—",
"ref": ".875rem"
}
],
"dark": [
{
"key": "--panel",
"ours": "#182129",
"ref": "#f8fafb"
},
{
"key": "--blue",
"ours": "#54a2ff",
"ref": "#1769d2"
},
{
"key": "--muted",
"ours": "#91a0ac",
"ref": "#6d7883"
},
{
"key": "--background",
"ours": "#11171d",
"ref": "#eef1f4"
},
{
"key": "--danger",
"ours": "#ff7479",
"ref": "—"
},
{
"key": "--foreground",
"ours": "#e8eef2",
"ref": "#17212b"
},
{
"key": "--success",
"ours": "#25a96a",
"ref": "—"
},
{
"key": "--line",
"ours": "#33414c",
"ref": "#cbd3da"
},
{
"key": "--text-sm--line-height",
"ours": "—",
"ref": "calc(1.25 / .875)"
},
{
"key": "--text-xs--line-height",
"ours": "—",
"ref": "calc(1 / .75)"
},
{
"key": "--font-weight-medium",
"ours": "—",
"ref": "500"
},
{
"key": "--spacing",
"ours": "—",
"ref": ".25rem"
},
{
"key": "--text-xs",
"ours": "—",
"ref": ".75rem"
},
{
"key": "--radius-md",
"ours": "—",
"ref": ".375rem"
},
{
"key": "--radius-lg",
"ours": "—",
"ref": ".5rem"
},
{
"key": "--text-sm",
"ours": "—",
"ref": ".875rem"
}
]
},
"elementDiffs": [
{
"path": "body>div:nth-child(1)>div:nth-child(1)>header:nth-child(1)>div:nth-child(1)>span:nth-child(2)",
"tag": "span",
"text": "easy-png-tools",
"deltas": {
"rect": {
"ours": {
"x": 98,
"y": 23,
"w": 118,
"h": 18
},
"ref": {
"x": 98,
"y": 23,
"w": 108,
"h": 17
}
}
}
},
{
"path": "body>div:nth-child(1)>div:nth-child(1)>header:nth-child(1)>div:nth-child(2)>div:nth-child(4)>button:nth-child(1)",
"tag": "button",
"text": "RU",
"deltas": {
"letterSpacing": {
"ours": "0.6px",
"ref": "normal"
}
}
},
{
"path": "body>div:nth-child(1)>div:nth-child(1)>header:nth-child(1)>div:nth-child(2)>div:nth-child(4)>button:nth-child(2)",
"tag": "button",
"text": "EN",
"deltas": {
"letterSpacing": {
"ours": "0.6px",
"ref": "normal"
},
"rect": {
"ours": {
"x": 1349,
"y": 19,
"w": 32,
"h": 25
},
"ref": {
"x": 1352,
"y": 20,
"w": 29,
"h": 24
}
}
}
},
{
"path": "body>div:nth-child(1)>div:nth-child(1)>div:nth-child(2)>div:nth-child(2)>div:nth-child(1)>div:nth-child(1)>div:nth-child(1)>div:nth-child(1)>div:nth-child(1)>div:nth-child(1)>span:nth-child(1)",
"tag": "span",
"text": "/",
"deltas": {
"fontFamily": {
"ours": "\"IBM Plex Mono\", monospace",
"ref": "\"IBM Plex Sans\", sans-serif"
},
"fontSize": {
"ours": "10px",
"ref": "16px"
},
"color": {
"ours": "rgb(23, 105, 210)",
"ref": "rgb(23, 33, 43)"
},
"margin": {
"ours": "0px 7px",
"ref": "0px"
},
"letterSpacing": {
"ours": "1.2px",
"ref": "normal"
},
"lineHeight": {
"ours": "normal",
"ref": "24px"
},
"display": {
"ours": "inline",
"ref": "block"
},
"rect": {
"ours": {
"x": 165,
"y": 124,
"w": 7,
"h": 13
},
"ref": {
"x": 1348,
"y": 20,
"w": 4,
"h": 24
}
}
}
},
{
"path": "body>div:nth-child(1)>div:nth-child(1)>div:nth-child(2)>div:nth-child(2)>div:nth-child(1)>div:nth-child(1)>div:nth-child(1)>div:nth-child(1)>div:nth-child(1)>h1:nth-child(2)",
"tag": "h1",
"text": "Build your image pipeline.",
"deltas": {
"lineHeight": {
"ours": "normal",
"ref": "57.6px"
},
"rect": {
"ours": {
"x": 58,
"y": 155,
"w": 474,
"h": 150
},
"ref": {
"x": 58,
"y": 154,
"w": 482,
"h": 115
}
}
}
},
{
"path": "body>div:nth-child(1)>div:nth-child(1)>div:nth-child(2)>div:nth-child(2)>div:nth-child(1)>div:nth-child(1)>div:nth-child(1)>div:nth-child(1)>div:nth-child(1)>p:nth-child(3)",
"tag": "p",
"text": "Chain simple tools together. Every chang",
"deltas": {
"rect": {
"ours": {
"x": 58,
"y": 321,
"w": 474,
"h": 51
},
"ref": {
"x": 58,
"y": 285,
"w": 482,
"h": 51
}
}
}
},
{
"path": "body>div:nth-child(1)>div:nth-child(1)>div:nth-child(2)>div:nth-child(2)>div:nth-child(1)>div:nth-child(1)>div:nth-child(1)>div:nth-child(1)>div:nth-child(2)>span:nth-child(2)",
"tag": "span",
"text": "source.png",
"deltas": {
"rect": {
"ours": {
"x": 597,
"y": 347,
"w": 66,
"h": 14
},
"ref": {
"x": 606,
"y": 311,
"w": 60,
"h": 13
}
}
}
},
{
"path": "body>div:nth-child(1)>div:nth-child(1)>div:nth-child(2)>div:nth-child(2)>div:nth-child(1)>div:nth-child(1)>div:nth-child(1)>div:nth-child(1)>div:nth-child(2)>b:nth-child(3)",
"tag": "b",
"text": "1.8 MB",
"deltas": {
"rect": {
"ours": {
"x": 671,
"y": 347,
"w": 40,
"h": 14
},
"ref": {
"x": 674,
"y": 311,
"w": 36,
"h": 13
}
}
}
},
{
"path": "body>div:nth-child(1)>div:nth-child(1)>div:nth-child(2)>div:nth-child(2)>div:nth-child(1)>div:nth-child(1)>div:nth-child(2)>div:nth-child(1)>span:nth-child(1)",
"tag": "span",
"text": "PROCESSING PIPELINE",
"deltas": {
"fontWeight": {
"ours": "500",
"ref": "400"
},
"letterSpacing": {
"ours": "1px",
"ref": "1.2px"
},
"lineHeight": {
"ours": "12px",
"ref": "normal"
},
"display": {
"ours": "block",
"ref": "inline"
},
"rect": {
"ours": {
"x": 58,
"y": 428,
"w": 154,
"h": 12
},
"ref": {
"x": 58,
"y": 400,
"w": 127,
"h": 12
}
}
}
},
{
"path": "body>div:nth-child(1)>div:nth-child(1)>div:nth-child(2)>div:nth-child(2)>div:nth-child(1)>div:nth-child(1)>div:nth-child(2)>div:nth-child(1)>strong:nth-child(2)>em:nth-child(1)",
"tag": "em",
"text": "• LIVE",
"deltas": {
"rect": {
"ours": {
"x": 175,
"y": 451,
"w": 36,
"h": 13
},
"ref": {
"x": 173,
"y": 425,
"w": 33,
"h": 12
}
}
}
},
{
"path": "body>div:nth-child(1)>div:nth-child(1)>div:nth-child(2)>div:nth-child(2)>div:nth-child(1)>div:nth-child(1)>div:nth-child(3)>div:nth-child(1)>div:nth-child(1)>span:nth-child(2)",
"tag": "span",
"text": "01",
"deltas": {
"padding": {
"ours": "0px",
"ref": "17px 0px 0px 15px"
},
"rect": {
"ours": {
"x": 95,
"y": 504,
"w": 13,
"h": 14
},
"ref": {
"x": 59,
"y": 466,
"w": 46,
"h": 150
}
}
}
},
{
"path": "body>div:nth-child(1)>div:nth-child(1)>div:nth-child(2)>div:nth-child(2)>div:nth-child(1)>div:nth-child(1)>div:nth-child(3)>div:nth-child(1)>div:nth-child(1)>span:nth-child(3)",
"tag": "span",
"text": "BACKGROUND",
"deltas": {
"display": {
"ours": "block",
"ref": "inline"
},
"rect": {
"ours": {
"x": 116,
"y": 504,
"w": 72,
"h": 13
},
"ref": {
"x": 143,
"y": 489,
"w": 67,
"h": 12
}
}
}
},
{
"path": "body>div:nth-child(1)>div:nth-child(1)>div:nth-child(2)>div:nth-child(2)>div:nth-child(1)>div:nth-child(1)>div:nth-child(3)>div:nth-child(1)>div:nth-child(1)>span:nth-child(4)",
"tag": "span",
"text": "Gradient background",
"deltas": {
"margin": {
"ours": "0px",
"ref": "5px 0px 18px"
},
"rect": {
"ours": {
"x": 196,
"y": 501,
"w": 171,
"h": 19
},
"ref": {
"x": 143,
"y": 510,
"w": 157,
"h": 18
}
}
}
},
{
"path": "body>div:nth-child(1)>div:nth-child(1)>div:nth-child(2)>div:nth-child(2)>div:nth-child(1)>div:nth-child(1)>div:nth-child(3)>div:nth-child(1)>div:nth-child(2)>div:nth-child(2)>div:nth-child(3)>div:nth-child(2)>button:nth-child(1)",
"tag": "button",
"text": "100",
"deltas": {
"padding": {
"ours": "0px 11.2px",
"ref": "0px"
},
"letterSpacing": {
"ours": "0.6px",
"ref": "normal"
},
"display": {
"ours": "flex",
"ref": "block"
},
"rect": {
"ours": {
"x": 491,
"y": 590,
"w": 42,
"h": 30
},
"ref": {
"x": 520,
"y": 567,
"w": 46,
"h": 30
}
}
}
},
{
"path": "body>div:nth-child(1)>div:nth-child(1)>div:nth-child(2)>div:nth-child(2)>div:nth-child(1)>div:nth-child(1)>div:nth-child(3)>div:nth-child(1)>div:nth-child(2)>div:nth-child(2)>div:nth-child(3)>div:nth-child(2)>button:nth-child(2)",
"tag": "button",
"text": "75",
"deltas": {
"padding": {
"ours": "0px 11.2px",
"ref": "0px"
},
"letterSpacing": {
"ours": "0.6px",
"ref": "normal"
},
"display": {
"ours": "flex",
"ref": "block"
},
"rect": {
"ours": {
"x": 533,
"y": 590,
"w": 37,
"h": 30
},
"ref": {
"x": 566,
"y": 567,
"w": 46,
"h": 30
}
}
}
},
{
"path": "body>div:nth-child(1)>div:nth-child(1)>div:nth-child(2)>div:nth-child(2)>div:nth-child(1)>div:nth-child(1)>div:nth-child(3)>div:nth-child(1)>div:nth-child(2)>div:nth-child(2)>div:nth-child(3)>div:nth-child(2)>button:nth-child(3)",
"tag": "button",
"text": "50",
"deltas": {
"padding": {
"ours": "0px 11.2px",
"ref": "0px"
},
"letterSpacing": {
"ours": "0.6px",
"ref": "normal"
},
"display": {
"ours": "flex",
"ref": "block"
},
"rect": {
"ours": {
"x": 569,
"y": 590,
"w": 37,
"h": 30
},
"ref": {
"x": 612,
"y": 567,
"w": 46,
"h": 30
}
}
}
},
{
"path": "body>div:nth-child(1)>div:nth-child(1)>div:nth-child(2)>div:nth-child(2)>div:nth-child(1)>div:nth-child(1)>div:nth-child(3)>div:nth-child(1)>div:nth-child(2)>div:nth-child(2)>div:nth-child(3)>div:nth-child(2)>button:nth-child(4)",
"tag": "button",
"text": "25",
"deltas": {
"padding": {
"ours": "0px 11.2px",
"ref": "0px"
},
"letterSpacing": {
"ours": "0.6px",
"ref": "normal"
},
"display": {
"ours": "flex",
"ref": "block"
},
"rect": {
"ours": {
"x": 606,
"y": 590,
"w": 37,
"h": 30
},
"ref": {
"x": 658,
"y": 567,
"w": 46,
"h": 30
}
}
}
},
{
"path": "body>div:nth-child(1)>div:nth-child(1)>div:nth-child(2)>div:nth-child(2)>div:nth-child(1)>div:nth-child(1)>div:nth-child(3)>div:nth-child(2)>div:nth-child(1)>span:nth-child(2)",
"tag": "span",
"text": "02",
"deltas": {
"padding": {
"ours": "0px",
"ref": "17px 0px 0px 15px"
},
"rect": {
"ours": {
"x": 95,
"y": 655,
"w": 13,
"h": 14
},
"ref": {
"x": 59,
"y": 628,
"w": 46,
"h": 136
}
}
}
},
{
"path": "body>div:nth-child(1)>div:nth-child(1)>div:nth-child(2)>div:nth-child(2)>div:nth-child(1)>div:nth-child(1)>div:nth-child(3)>div:nth-child(2)>div:nth-child(1)>span:nth-child(3)",
"tag": "span",
"text": "TRANSFORM",
"deltas": {
"display": {
"ours": "block",
"ref": "inline"
},
"rect": {
"ours": {
"x": 116,
"y": 656,
"w": 65,
"h": 13
},
"ref": {
"x": 143,
"y": 651,
"w": 60,
"h": 12
}
}
}
},
{
"path": "body>div:nth-child(1)>div:nth-child(1)>div:nth-child(2)>div:nth-child(2)>div:nth-child(1)>div:nth-child(1)>div:nth-child(3)>div:nth-child(2)>div:nth-child(1)>span:nth-child(4)",
"tag": "span",
"text": "Remove background",
"deltas": {
"margin": {
"ours": "0px",
"ref": "5px 0px 18px"
},
"rect": {
"ours": {
"x": 189,
"y": 653,
"w": 153,
"h": 19
},
"ref": {
"x": 143,
"y": 672,
"w": 140,
"h": 18
}
}
}
},
{
"path": "body>div:nth-child(1)>div:nth-child(1)>div:nth-child(2)>div:nth-child(2)>div:nth-child(1)>div:nth-child(1)>div:nth-child(3)>div:nth-child(3)>div:nth-child(1)>span:nth-child(2)",
"tag": "span",
"text": "03",
"deltas": {
"padding": {
"ours": "0px",
"ref": "17px 0px 0px 15px"
},
"rect": {
"ours": {
"x": 95,
"y": 769,
"w": 13,
"h": 14
},
"ref": {
"x": 59,
"y": 776,
"w": 46,
"h": 150
}
}
}
},
{
"path": "body>div:nth-child(1)>div:nth-child(1)>div:nth-child(2)>div:nth-child(2)>div:nth-child(1)>div:nth-child(1)>div:nth-child(3)>div:nth-child(3)>div:nth-child(1)>span:nth-child(3)",
"tag": "span",
"text": "STYLE",
"deltas": {
"display": {
"ours": "block",
"ref": "inline"
},
"rect": {
"ours": {
"x": 116,
"y": 770,
"w": 36,
"h": 13
},
"ref": {
"x": 143,
"y": 799,
"w": 34,
"h": 12
}
}
}
},
{
"path": "body>div:nth-child(1)>div:nth-child(1)>div:nth-child(2)>div:nth-child(2)>div:nth-child(1)>div:nth-child(1)>div:nth-child(3)>div:nth-child(3)>div:nth-child(1)>span:nth-child(4)",
"tag": "span",
"text": "Add outline",
"deltas": {
"margin": {
"ours": "0px",
"ref": "5px 0px 18px"
},
"rect": {
"ours": {
"x": 160,
"y": 767,
"w": 99,
"h": 19
},
"ref": {
"x": 143,
"y": 820,
"w": 91,
"h": 18
}
}
}
},
{
"path": "body>div:nth-child(1)>div:nth-child(1)>div:nth-child(2)>div:nth-child(2)>div:nth-child(1)>div:nth-child(1)>div:nth-child(3)>div:nth-child(4)>div:nth-child(1)>span:nth-child(2)",
"tag": "span",
"text": "04",
"deltas": {
"padding": {
"ours": "0px",
"ref": "17px 0px 0px 15px"
},
"rect": {
"ours": {
"x": 95,
"y": 911,
"w": 13,
"h": 14
},
"ref": {
"x": 59,
"y": 938,
"w": 46,
"h": 142
}
}
}
},
{
"path": "body>div:nth-child(1)>div:nth-child(1)>div:nth-child(2)>div:nth-child(2)>div:nth-child(1)>div:nth-child(1)>div:nth-child(3)>div:nth-child(4)>div:nth-child(1)>span:nth-child(4)",
"tag": "span",
"text": "Round corners",
"deltas": {
"margin": {
"ours": "0px",
"ref": "5px 0px 18px"
},
"rect": {
"ours": {
"x": 160,
"y": 909,
"w": 117,
"h": 19
},
"ref": {
"x": 143,
"y": 982,
"w": 107,
"h": 18
}
}
}
},
{
"path": "body>div:nth-child(1)>div:nth-child(1)>div:nth-child(2)>div:nth-child(2)>div:nth-child(1)>div:nth-child(1)>div:nth-child(3)>div:nth-child(4)>div:nth-child(2)>div:nth-child(2)>label:nth-child(2)>span:nth-child(1)",
"tag": "span",
"text": "Preserve aspect ratio",
"deltas": {
"fontSize": {
"ours": "13.6px",
"ref": "16px"
},
"lineHeight": {
"ours": "normal",
"ref": "24px"
},
"display": {
"ours": "block",
"ref": "inline"
},
"rect": {
"ours": {
"x": 399,
"y": 986,
"w": 129,
"h": 18
},
"ref": {
"x": 432,
"y": 1021,
"w": 156,
"h": 17
}
}
}
},
{
"path": "body>div:nth-child(1)>div:nth-child(1)>div:nth-child(2)>div:nth-child(2)>div:nth-child(1)>div:nth-child(2)>div:nth-child(1)>div:nth-child(1)>div:nth-child(1)>span:nth-child(1)",
"tag": "span",
"text": "PIPELINE OUTPUTS",
"deltas": {
"fontWeight": {
"ours": "500",
"ref": "400"
},
"letterSpacing": {
"ours": "1px",
"ref": "1.2px"
},
"lineHeight": {
"ours": "12px",
"ref": "normal"
},
"display": {
"ours": "block",
"ref": "inline"
},
"rect": {
"ours": {
"x": 799,
"y": 178,
"w": 93,
"h": 24
},
"ref": {
"x": 799,
"y": 188,
"w": 54,
"h": 36
}
}
}
},
{
"path": "body>div:nth-child(1)>div:nth-child(1)>div:nth-child(2)>div:nth-child(2)>div:nth-child(1)>div:nth-child(2)>div:nth-child(1)>div:nth-child(1)>div:nth-child(1)>strong:nth-child(2)",
"tag": "strong",
"text": "Visual history",
"deltas": {
"rect": {
"ours": {
"x": 799,
"y": 209,
"w": 93,
"h": 36
},
"ref": {
"x": 799,
"y": 233,
"w": 87,
"h": 34
}
}
}
},
{
"path": "body>div:nth-child(1)>div:nth-child(1)>div:nth-child(2)>div:nth-child(2)>div:nth-child(1)>div:nth-child(2)>div:nth-child(1)>div:nth-child(1)>div:nth-child(2)>button:nth-child(2)>span:nth-child(2)>span:nth-child(1)",
"tag": "span",
"text": "1.2 MB",
"deltas": {
"fontSize": {
"ours": "10px",
"ref": "11px"
},
"color": {
"ours": "rgb(255, 255, 255)",
"ref": "rgb(23, 33, 43)"
},
"margin": {
"ours": "0px",
"ref": "5px 0px 0px"
},
"display": {
"ours": "inline",
"ref": "block"
},
"rect": {
"ours": {
"x": 1090,
"y": 240,
"w": 36,
"h": 13
},
"ref": {
"x": 1246,
"y": 291,
"w": 79,
"h": 13
}
}
}
},
{
"path": "body>div:nth-child(1)>div:nth-child(1)>div:nth-child(2)>div:nth-child(2)>div:nth-child(1)>div:nth-child(2)>div:nth-child(1)>div:nth-child(1)>div:nth-child(2)>div:nth-child(3)>div:nth-child(1)>span:nth-child(1)",
"tag": "span",
"text": "DIMENSIONS",
"deltas": {
"fontSize": {
"ours": "10px",
"ref": "9px"
},
"letterSpacing": {
"ours": "1px",
"ref": "normal"
},
"rect": {
"ours": {
"x": 1150,
"y": 215,
"w": 70,
"h": 13
},
"ref": {
"x": 1073,
"y": 271,
"w": 79,
"h": 10
}
}
}
},
{
"path": "body>div:nth-child(1)>div:nth-child(1)>div:nth-child(2)>div:nth-child(2)>div:nth-child(1)>div:nth-child(2)>div:nth-child(1)>div:nth-child(1)>div:nth-child(2)>div:nth-child(3)>div:nth-child(1)>span:nth-child(2)",
"tag": "span",
"text": "1200 × 800 px",
"deltas": {
"margin": {
"ours": "0px",
"ref": "5px 0px 0px"
},
"rect": {
"ours": {
"x": 1236,
"y": 214,
"w": 86,
"h": 14
},
"ref": {
"x": 1073,
"y": 291,
"w": 79,
"h": 13
}
}
}
},
{
"path": "body>div:nth-child(1)>div:nth-child(1)>div:nth-child(2)>div:nth-child(2)>div:nth-child(1)>div:nth-child(2)>div:nth-child(1)>div:nth-child(1)>div:nth-child(2)>div:nth-child(3)>div:nth-child(2)>span:nth-child(1)",
"tag": "span",
"text": "FORMAT",
"deltas": {
"fontSize": {
"ours": "10px",
"ref": "9px"
},
"letterSpacing": {
"ours": "1px",
"ref": "normal"
},
"rect": {
"ours": {
"x": 1150,
"y": 239,
"w": 42,
"h": 13
},
"ref": {
"x": 1159,
"y": 271,
"w": 79,
"h": 10
}
}
}
},
{
"path": "body>div:nth-child(1)>div:nth-child(1)>div:nth-child(2)>div:nth-child(2)>div:nth-child(1)>div:nth-child(2)>div:nth-child(1)>div:nth-child(1)>div:nth-child(2)>div:nth-child(3)>div:nth-child(2)>span:nth-child(2)",
"tag": "span",
"text": "PNG-24",
"deltas": {
"margin": {
"ours": "0px",
"ref": "5px 0px 0px"
},
"rect": {
"ours": {
"x": 1282,
"y": 238,
"w": 40,
"h": 14
},
"ref": {
"x": 1159,
"y": 291,
"w": 79,
"h": 13
}
}
}
},
{
"path": "body>div:nth-child(1)>div:nth-child(1)>div:nth-child(2)>div:nth-child(2)>div:nth-child(1)>div:nth-child(2)>div:nth-child(1)>div:nth-child(1)>div:nth-child(2)>div:nth-child(3)>div:nth-child(3)>span:nth-child(1)",
"tag": "span",
"text": "SIZE",
"deltas": {
"fontSize": {
"ours": "10px",
"ref": "9px"
},
"letterSpacing": {
"ours": "1px",
"ref": "normal"
},
"rect": {
"ours": {
"x": 1150,
"y": 264,
"w": 28,
"h": 13
},
"ref": {
"x": 1246,
"y": 271,
"w": 79,
"h": 10
}
}
}
},
{
"path": "body>div:nth-child(1)>div:nth-child(1)>div:nth-child(2)>div:nth-child(2)>div:nth-child(1)>div:nth-child(2)>div:nth-child(1)>div:nth-child(2)>div:nth-child(1)>span:nth-child(1)",
"tag": "span",
"text": "SOURCE",
"deltas": {
"fontSize": {
"ours": "10px",
"ref": "9px"
},
"letterSpacing": {
"ours": "0.8px",
"ref": "normal"
},
"rect": {
"ours": {
"x": 806,
"y": 317,
"w": 550,
"h": 13
},
"ref": {
"x": 808,
"y": 663,
"w": 30,
"h": 10
}
}
}
},
{
"path": "body>div:nth-child(1)>div:nth-child(1)>div:nth-child(2)>div:nth-child(2)>div:nth-child(1)>div:nth-child(2)>div:nth-child(1)>div:nth-child(2)>div:nth-child(1)>div:nth-child(2)>div:nth-child(1)>div:nth-child(1)>span:nth-child(1)",
"tag": "span",
"text": "PNG",
"deltas": {
"rect": {
"ours": {
"x": 1067,
"y": 496,
"w": 28,
"h": 19
},
"ref": {
"x": 923,
"y": 478,
"w": 27,
"h": 18
}
}
}
},
{
"path": "body>div:nth-child(1)>div:nth-child(1)>div:nth-child(2)>div:nth-child(2)>div:nth-child(1)>div:nth-child(2)>div:nth-child(1)>div:nth-child(2)>div:nth-child(1)>div:nth-child(2)>div:nth-child(2)>span:nth-child(2)",
"tag": "span",
"text": "original.png · 1200 × 800",
"deltas": {
"rect": {
"ours": {
"x": 1213,
"y": 704,
"w": 135,
"h": 11
},
"ref": {
"x": 942,
"y": 663,
"w": 124,
"h": 10
}
}
}
},
{
"path": "body>div:nth-child(1)>div:nth-child(1)>div:nth-child(2)>div:nth-child(2)>div:nth-child(1)>div:nth-child(2)>div:nth-child(1)>div:nth-child(2)>div:nth-child(2)>span:nth-child(1)",
"tag": "span",
"text": "STEP 01",
"deltas": {
"fontSize": {
"ours": "10px",
"ref": "9px"
},
"letterSpacing": {
"ours": "0.8px",
"ref": "normal"
},
"rect": {
"ours": {
"x": 806,
"y": 750,
"w": 550,
"h": 13
},
"ref": {
"x": 1096,
"y": 663,
"w": 35,
"h": 10
}
}
}
},
{
"path": "body>div:nth-child(1)>div:nth-child(1)>div:nth-child(2)>div:nth-child(2)>div:nth-child(1)>div:nth-child(2)>div:nth-child(1)>div:nth-child(2)>div:nth-child(2)>div:nth-child(2)>div:nth-child(2)>span:nth-child(2)",
"tag": "span",
"text": "gradient applied",
"deltas": {
"rect": {
"ours": {
"x": 1262,
"y": 1137,
"w": 86,
"h": 11
},
"ref": {
"x": 1275,
"y": 663,
"w": 79,
"h": 10
}
}
}
},
{
"path": "body>div:nth-child(1)>div:nth-child(1)>div:nth-child(2)>div:nth-child(2)>div:nth-child(1)>div:nth-child(2)>div:nth-child(1)>div:nth-child(2)>div:nth-child(3)>span:nth-child(1)",
"tag": "span",
"text": "STEP 02",
"deltas": {
"fontSize": {
"ours": "10px",
"ref": "9px"
},
"letterSpacing": {
"ours": "0.8px",
"ref": "normal"
},
"rect": {
"ours": {
"x": 806,
"y": 1182,
"w": 550,
"h": 13
},
"ref": {
"x": 808,
"y": 1021,
"w": 35,
"h": 10
}
}
}
},
{
"path": "body>div:nth-child(1)>div:nth-child(1)>div:nth-child(2)>div:nth-child(2)>div:nth-child(1)>div:nth-child(2)>div:nth-child(1)>div:nth-child(2)>div:nth-child(3)>div:nth-child(2)>div:nth-child(2)>span:nth-child(2)",
"tag": "span",
"text": "background removed",
"deltas": {
"rect": {
"ours": {
"x": 1251,
"y": 1569,
"w": 97,
"h": 11
},
"ref": {
"x": 977,
"y": 1021,
"w": 89,
"h": 10
}
}
}
},
{
"path": "body>div:nth-child(1)>div:nth-child(1)>div:nth-child(2)>div:nth-child(2)>div:nth-child(1)>div:nth-child(2)>div:nth-child(1)>div:nth-child(2)>div:nth-child(4)>span:nth-child(1)",
"tag": "span",
"text": "STEP 03",
"deltas": {
"fontSize": {
"ours": "10px",
"ref": "9px"
},
"letterSpacing": {
"ours": "0.8px",
"ref": "normal"
},
"rect": {
"ours": {
"x": 806,
"y": 1615,
"w": 550,
"h": 13
},
"ref": {
"x": 1096,
"y": 1021,
"w": 35,
"h": 10
}
}
}
},
{
"path": "body>div:nth-child(1)>div:nth-child(1)>div:nth-child(2)>div:nth-child(2)>div:nth-child(1)>div:nth-child(2)>div:nth-child(1)>div:nth-child(2)>div:nth-child(4)>div:nth-child(2)>div:nth-child(2)>span:nth-child(2)",
"tag": "span",
"text": "outline added",
"deltas": {
"rect": {
"ours": {
"x": 1278,
"y": 2002,
"w": 70,
"h": 11
},
"ref": {
"x": 1290,
"y": 1021,
"w": 64,
"h": 10
}
}
}
},
{
"path": "body>div:nth-child(1)>div:nth-child(1)>div:nth-child(2)>div:nth-child(2)>div:nth-child(1)>div:nth-child(2)>div:nth-child(1)>div:nth-child(2)>div:nth-child(5)>span:nth-child(1)",
"tag": "span",
"text": "FINAL OUTPUT",
"deltas": {
"fontSize": {
"ours": "10px",
"ref": "9px"
},
"letterSpacing": {
"ours": "0.8px",
"ref": "normal"
},
"rect": {
"ours": {
"x": 806,
"y": 2047,
"w": 550,
"h": 13
},
"ref": {
"x": 808,
"y": 1378,
"w": 59,
"h": 10
}
}
}
},
{
"path": "body>div:nth-child(1)>div:nth-child(1)>div:nth-child(2)>div:nth-child(2)>div:nth-child(1)>div:nth-child(2)>div:nth-child(1)>div:nth-child(2)>div:nth-child(5)>div:nth-child(2)>div:nth-child(2)>span:nth-child(2)",
"tag": "span",
"text": "ready · PNG-24",
"deltas": {
"rect": {
"ours": {
"x": 1272,
"y": 2434,
"w": 76,
"h": 11
},
"ref": {
"x": 997,
"y": 1378,
"w": 69,
"h": 10
}
}
}
},
{
"path": "body>div:nth-child(1)>div:nth-child(1)>div:nth-child(2)>div:nth-child(2)>div:nth-child(1)>div:nth-child(2)>div:nth-child(1)>p:nth-child(3)",
"tag": "p",
"text": "Output is generated in-browser. Your fil",
"deltas": {
"rect": {
"ours": {
"x": 799,
"y": 2489,
"w": 565,
"h": 17
},
"ref": {
"x": 799,
"y": 1425,
"w": 565,
"h": 17
}
}
}
}
],
"onlyOurs": [
"/ DEMO",
"+ Add tool",
"AUTO",
"Gradient color",
"DIRECTION",
"135°",
"OPACITY",
"Automatic subject detection enabled",
"Outline width",
"2px",
"Outline color",
"Corner radius",
"18px"
],
"onlyRef": [
"/ \n WORKSPACE",
"Workspace",
"Catalog",
"Gradient",
"Background remover",
"COLOR",
"135\n °",
"100%",
"2\n px",
"18\n px",
"v2.4.0",
"© 2024"
],
"counts": {
"tokenLight": 10,
"tokenDark": 16,
"elements": 46,
"onlyOurs": 13,
"onlyRef": 12
}
}
Reference in New Issue View Git Blame Copy Permalink