Is embedded base64 images within SVG supported ?

[kenryu42]

What are you trying to achieve?

I am trying to convert a base64 SVG image as below to PNG format. But what I get is a blank image.

<svg width="100%" height="100%" viewBox="0 0 1200 1200" version="1.2" xmlns="http://www.w3.org/2000/svg">
    <image width="1200" height="1200" href="data:image/svg+xml;base64, ...">
    </image>
</svg>

When you searched for similar issues, what did you find that might be related?

According to @lovell #2157 's comment, this feature should be supported.

Please provide a minimal, standalone code sample, without other dependencies, that demonstrates this question

const imageUrl =
        'https://nft-cdn.alchemy.com/eth-mainnet/ed3a191616815fe03d4bb216f0adb0f6';
const buffer = (await axios({ url: imageUrl, responseType: 'arraybuffer' }))
        .data;
const image = await sharp(buffer).png().toFile('test.png');

Please provide sample image(s) that help explain this question

https://nft-cdn.alchemy.com/eth-mainnet/ed3a191616815fe03d4bb216f0adb0f6

[lovell]

Embedded base64-encoded SVG within SVG is unsupported using the prebuilt binaries. You'll need to compile your own libvips and dependencies from source to achieve this.

lovell/sharp-libvips#9

As I said in #2157 (comment), embedded base64-encoded PNG and JPEG images within SVG are supported.

[kenryu42]

Ah! Got it. Thank you for the reply. 🫡