# How to base64 encode a rasterized image for embedding it into SVG?
**URL:** https://discourse.julialang.org/t/how-to-base64-encode-a-rasterized-image-for-embedding-it-into-svg/90848
**Category:** Signal and Image Processing
**Tags:** images, base64, svg
**Created:** [November 26, 2022, 1:07pm UTC](https://discourse.julialang.org/t/how-to-base64-encode-a-rasterized-image-for-embedding-it-into-svg/90848 "2022-11-26T13:07:41Z")
**Posts on this page:** 8
**Page:** 1
Below I try to do this using just the `Base64` module.
MWE
```julia
using Base64
using Downloads
using FileIO
path = Downloads.download("https://github.com/MakieOrg/Makie.jl/raw/master/assets/doge.png")
img = load(path)
# reduce quality a bit, otherwise firefox complains
img = img[1:4:end,1:4:end]
w, h = size(img)
encoded_img = base64encode(img)
svg = """
"""
open("/tmp/mwe.svg", "w") do f
write(f, svg)
end
```
Unfortunately, my Firefox says that this image contains errors.
I also tried converting the image to `RGBf` first and then encode it, but without success.
I also looked into `Images.jl`’s docs but nowhere is something mentioned about base64 encoding.
Does anyone know how to do this?
PS: The svg’s xml structure itself seems to be correct, because when I copy the encoded string from e.g. this svg here [File:Cabezo de Alcalá aerial view-fr.svg - Wikimedia Commons](https://commons.wikimedia.org/wiki/File:Cabezo_de_Alcal%C3%A1_aerial_view-fr.svg) then it renders fine in Firefox.
---
Yeah, good question.
`img` itself is an array of `RGAf`s, `encoded_img` is then a string of gibberish.
Maybe I need to add something like a header in front of the gibberish?
Also tried `image/jpeg` but that did not work either …
---
You were right. Just encoding the raw content of the file is all that it needed:
```julia
using Base64
using Downloads
using FileIO
path = Downloads.download("https://github.com/MakieOrg/Makie.jl/raw/master/assets/doge.png")
img = read(path)
encoded_img = base64encode(img)
w, h = 100, 100
svg = """
"""
write("/tmp/mwe.svg", svg)
```
Thank you!
---
Oh nice. Really need to check out `Luxor.jl` at some point.
One thing: Your picture shows some rendering artifacts similar to what we observed with `CairoMakie.jl` recently: [Artificial colored edges in CairoMakie when saving an image to PDF. · Issue #2162 · MakieOrg/Makie.jl · GitHub](https://github.com/MakieOrg/Makie.jl/issues/2162)
Here is the fix: [use premultiplied alpha for cairo argb surfaces by jkrumbiegel · Pull Request #2304 · MakieOrg/Makie.jl · GitHub](https://github.com/MakieOrg/Makie.jl/pull/2304)
Maybe that could be applied to `Luxor` too?
---
Oh, I thought that was just the resampling … 😂
I remember some encounters with premultiplied alpha a few years ago. I’ll investigate, on some rainy day soon…