←back to thread

An SVG is all you need

(jon.recoil.org)
281 points sadiq | 1 comments | 11 Dec 25 19:25 UTC | HN request time: 0.194s | source
Show context
xxmarkuski ◴[11 Dec 25 21:01 UTC] No.46237097[source]▶
I use ChatGPT to compress SVGs, in particular QR codes. Many QR code SVG generators produce inefficient SVGs, and conventional SVG compressors often lack the understanding required for some compression techniques. ChatGPT can replace alignment indicators with <use> elements.

Is there a way to embed the data encoded in the QR code directly within the image? This would allow the data to be parsed directly by the browser, eliminating the need for computer vision to decode it again. Going further, for web images QR codes could be efficiently encoded and rendered by the browser.

replies(3): >>46237251 #>>46237255 #>>46238035 #
1. ktpsns ◴[11 Dec 25 21:13 UTC] No.46237251[source]▶
I am not sure about your use case. There exist many JS libraries which will generate client side QR codes. How many of them do you handle that you optimize for file size? Or is it just an academic interest?

SVGs are XML so technically, yes, you can just embed your visually encoded payload data with namespaces attributes and elements. If you don't want to use namespaces, you can use off-canvas texts, hidden/opacity=0 texts or even XML comments. You can even use the regular metadata section of SVGs. You can make the whole QR code within the SVG a clickable link.