I would like to embed an image that I have as a Base64 encoded string directly into my Typst document. Normally, I can embed an image using the following syntax, but it only allows specific format only not string. image("path/to/image.png", width: 100%)

Wow, I can no longer edit my own message… Anyway, I wanted to make an update. First is, of course, update the based package version, but the second point is that now image.decode is deprecated, and you should pass bytes directly, i.e.: #image(base64.decode(base64-encoded-image)) I’ve also noticed…

Can you clarify: you have a Base64 encoded image (of a format that is currently supported by Typst), and you want to insert it in a Typst document as a regular image, correct?

In case this is correct , by using based package (love the name) you can easily achieve this: #import "@preview/based:0.1.0": base64 #set page(width: auto, height: auto, margin: 0pt) // `base64 -w 0 smile.png` (10x10): #let base64-encoded-image = "iVBORw0KGgoAAAANSUhEUgAAAAoAAAAKCAYAAACNMs+9AAAACXB…

Yes, indeed. I have a Base64 encoded image that I want to include in a Typst document as a standard image. This code snippet successfully solves the issue Thanks!

You shouldn’t use based if you have a document with a lot of pictures. I am testing with a document with 35 pictures in base64 format. Using based it takes 60 seconds to generate the pdf and just using image.decode("<svg xmlns=\"http://www.w3.org/2000/svg\" xmlns:xlink=\"http://www.w3.org/1999/xlin…

Did you use version 0.2.0 of based when it took 60 seconds? I know that 0.1.0 was incredibly slow, but I switched to a wasm plugin for 0.2.0, which improved performance by a lot.

[image] Said: You shouldn’t use based if you have a document with a lot of pictures. You shouldn’t embed (big/many) images into a Typst document by encoding it in a different format. That is clearly not how it is meant to be used, and obviously any data manipulation such as decoding Base64 to…

In case it helps, to verify that the image is encoded correctly, I use this online encoder. https://encodeb64.com/image-to-base64 And to decode it, I use this other one. https://decodeb64.com/base64-to-image They work very well.

Typst Forum

How can I use a Base64 encoded image string?

Questions

graphics

show post in topic

Home
Categories
Guidelines
Terms of Service
Privacy Policy

Powered by Discourse, best viewed with JavaScript enabled