JSFiddle - React, Tailwind, and code Playground
by cvalleskey
JavaScript
let test = [
{
"filename": "background-bottom-gradient.jpg",
"width": 2880,
"height": 720,
"sourceSize": 39319,
"optimizedSize": 12109
},
{
"filename": "background-panel.jpg",
"width": 1138,
"height": 854,
"sourceSize": 53629,
"optimizedSize": 6903
},
{
"filename": "helpful-links-formulary.png",
"width": 255,
"height": 255,
"sourceSize": 99622,
"optimizedSize": 25910
},
{
"filename": "helpful-links-support-resources.jpg",
"width": 510,
"height": 510,
"sourceSize": 64361,
"optimizedSize": 32184
},
{
"filename": "hidradenitis-suppurativa-clinical-improvement-icon.png",
"width": 292,
"height": 293,
"sourceSize": 11653,
"optimizedSize": 4752
},
{
"filename": "hidradenitis-suppurativa-hiscr-requirements-chart.png",
"width": 1280,
"height": 523,
"sourceSize": 46927,
"optimizedSize": 11822
},
{
"filename": "hidradenitis-suppurativa-hs-flare-arrow-chart-mobile.png",
"width": 322,
"height": 573,
"sourceSize": 83544,
"optimizedSize": 13717
},
{
"filename": "hidradenitis-suppurativa-hs-flare-arrow-chart.png",
"width": 839,
"height": 296,
"sourceSize": 119182,
"optimizedSize": 18996
},
{
"filename": "hidradenitis-suppurativa-hs-flare-graph-mobile.png",
"width": 322,
"height": 252,
"sourceSize": 35380,
"optimizedSize": 7102
},
{
"filename": "hidradenitis-suppurativa-hs-flare-graph.png",
"width": 531,
"height": 285,
"sourceSize": 54255,
"optimizedSize": 10221
},
{
"filename": "hidradenitis-suppurativa-icon-firstonly.png",
"width": 330,
"height": 188,
"sourceSize": 28019,
"optimizedSize": 5504
},
{
"filename": "hs-ew-study-modal.png",
"width": 1280,
...