search

remy / inliner

Node utility to inline images, CSS and JavaScript for a web page - useful for mobile sites
MIT License
1.1k stars 165 forks source link

Is it possible to inline svg image as base64 instead of utf8? #174

Closed Fuco1 closed 6 years ago

Fuco1 commented 6 years ago

We are using some service to translate HTML to PDF and it can't work with such a format so it would be really cool if we could specify the data uri as base64 encoded.

Even if I put in my styles.css 

footer {
    background-image: url('data:image/svg+xml;base64,PHN2ZyB2ZXJzaW9uPSIxLjEiIGlkPSJMYXllcl8xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB4PSIwcHgiIHk9IjBweCIKICAgICB2aWV3Qm94PSIwIDAgNDAwMCAzMTcuMSIgc3R5bGU9ImVuYWJsZS1iYWNrZ3JvdW5kOm5ldyAwIDAgNDAwMCAzMTcuMTsiIHhtbDpzcGFjZT0icHJlc2VydmUiPgo8c3R5bGUgdHlwZT0idGV4dC9jc3MiPgogICAgLnN0MHtmaWxsOiMzQUFBMzU7fQo8L3N0eWxlPgo8cGF0aCBjbGFzcz0ic3QwIiBkPSJNMCwxNy44YzUwLjItMS40LDExMS4zLDAuOCwxNTAuNS03YzMwLjMtMC4zLDUzLjMsMy4xLDk0LjEsMGMyLjYsMy40LDE0LjIsMC42LDE1LjEsNS4yCiAgICBjNS41LTYuOSwxNi40LDcsMjIuNi0xLjNDMjk2LDIzLDM0OS4yLDI3LjQsMzUzLjgsMTZjNS4zLDEuMSw1LjEsNiwxMS4zLDYuNWMtMC4zLTYuNywxNi42LDUuMSwyMC43LTMuOWMyLjIsMC4yLDEuNiwyLjQsMS45LDMuOQogICAgYzQ2LjIsMi40LDkzLjUsNC41LDE0MS4xLDIuNmMzLjYtMC4yLDI2LjgsNS41LDM1LjctMS4zYzEwNC44LDIuNSwyMDguMSwxLjksMzEwLjUtMy45YzE4LjUsNi42LDUwLDMuMSw2Ny43LTEuMwogICAgYzM4LjIsNy44LDc1LjcsMi42LDEwOS4yLDEuM2MyMS42LDIsNDQuOSw1LjIsNTguMywxLjNjNC41LDIuNywyMiw0LjIsMjguMiwwYzIsMC4zLDEuMywyLjYsMy44LDIuNmM0MS4xLTMuNCw3MS43LDAuMSwxMDEuNS02LjUKICAgIGMxMC45LDMuNywzMy40LDMuNSw0MS40LDBjNywzLjUsMzcuMSw1LjksNTAuOC0xLjNjNC45LDEuNCw5LjIsMy4xLDE2LjksMi42YzE0LjMtNC4xLDUwLjIsMS4zLDY1LjgtNS4yCiAgICBjMTUuMiw4LjcsMzIuNy00LjUsNDcuMSwzLjljNDAuNi0wLjMsNzAuMS0yLjMsMTA5LjEtNS4xYzM1LTIuNiw2OS42LDAuMiwxMDUuNC0xLjNjMTkuMy0wLjgsMzYuNy01LjEsNTQuNiwxLjMKICAgIGMxNy43LTMuMywzOC42LDEuNyw2MC4yLDEuM2MyOS40LTAuNSw2My41LDIuNyw4Ni42LTEuM2MxNS43LDIuOCwyNSwyLDQxLjQsMy45YzEuMy0xLDIuOS0xLjgsNC42LTIuNWw5LjgsMS43bDI1LjIsMS44CiAgICBjMCwwLDYuMSwwLjksOS4xLDBzMTYuMS0zLjUsMTYuMS0zLjVsMTcuNSw0bDAuNSwwLjFsLTAuNC0wLjFjMC4xLDAsMC4zLDAsMC40LDBjNC43LTAuMSw5LjUtMC4xLDE0LjQtMC4yCiAgICBjNDQtMC41LDkxLjctMC4xLDEyNC4zLTYuNWMzMC4zLTAuMyw1My4zLDMuMSw5NC4xLDBjMi42LDMuNCwxNC4yLDAuNiwxNS4xLDUuMmM1LjUtNi45LDE2LjQsNywyMi42LTEuMwogICAgYzEzLjcsOC4zLDY2LjksMTIuNyw3MS41LDEuM2M1LjMsMS4xLDUuMSw2LDExLjMsNi41Yy0wLjMtNi43LDE2LjYsNS4xLDIwLjctMy45YzIuMiwwLjIsMS42LDIuNCwxLjksMy45CiAgICBjNDYuMiwyLjQsOTMuNSw0LjUsMTQxLjEsMi42YzMuNi0wLjIsMjYuOCw1LjUsMzUuNy0xLjNjMTA0LjgsMi41LDIwOC4xLDEuOSwzMTAuNS0zLjljMTguNSw2LjYsNTAsMy4xLDY3LjctMS4zCiAgICBjMzguMiw3LjgsNzUuNywyLjYsMTA5LjIsMS4zYzIxLjYsMiw0NC45LDUuMiw1OC4zLDEuM2M0LjUsMi43LDIyLDQuMiwyOC4yLDBjMiwwLjMsMS4zLDIuNiwzLjgsMi42YzQxLjEtMy40LDcxLjcsMC4xLDEwMS41LTYuNQogICAgYzEwLjksMy43LDMzLjQsMy41LDQxLjQsMGM3LDMuNSwzNy4xLDUuOSw1MC44LTEuM2M0LjksMS40LDkuMiwzLjEsMTYuOSwyLjZjMTQuMy00LjEsNTAuMiwxLjMsNjUuOC01LjIKICAgIGMxNS4yLDguNywzMi43LTQuNSw0Ny4xLDMuOWM0MC42LTAuMyw3MC4xLTIuMywxMDkuMS01LjFjMzUtMi42LDY5LjYsMC4yLDEwNS40LTEuM2MxOS4zLTAuOCwzNi43LTUuMSw1NC42LDEuMwogICAgYzE3LjctMy4zLDM4LjYsMS43LDYwLjIsMS4zYzI5LjQtMC41LDYzLjUsMi43LDg2LjYtMS4zYzE1LjcsMi44LDI1LDIsNDEuNCwzLjljNy01LjYsMjMuNS00LjYsMjYuNC0xMi45CiAgICBjNS42LTAuMywxMi41LDUuMSwxNi45LDEuM2MzLjMsMS4yLDMuNSw0LjUsNS43LDYuNWM1LjgtMi41LDEzLjEtMy45LDIwLjctNS4yYzQuMS0wLjIsMC43LDQuNiwxLjcsNi41YzQuMy0wLjQsNy44LTAuNiwxMS42LTAuNwogICAgdjMwNS44SDBWMTcuOHoiLz4KPC9zdmc+Cg==');
    background-size: auto 100%;
    background-repeat: no-repeat;
    height: 20mm;
}

in the result it appears as utf-8 encoded. Does this package decodes the base64 and re-encodes it?

superduper commented 6 years ago

Does this package decodes the base64 and re-encodes it?

It does.

Fuco1 commented 6 years ago

We no longer use this package so I'm OK with closing. If someone wants to track this feel free to reopen.