Base64 encoding
Base64 encoding in SVG
Met base64 encoding is het mogelijk om de data van een afbeelding in een SVG-bestand te stoppen. In plaats van het attribuut xlink:href als waarde de locatie van de afbeelding te geven, geeft u het attribuut als waarde "data:image/png;base64," gevolgd door de base64 data (image/png kan vervangen worden door image/jpg of image/gif naar gelang het bestandsformaat).
Bijvoorbeeld:
<?xml version="1.0" encoding="UTF-8" standalone="no" ?>
<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.0//EN" "http://www.w3.org/TR/SVG/DTD/svg10.dtd">
<svg width="400" height="400" xmlns="http://www.w3.org/2000/svg">
<title>Dutch SVG Tutorial: Base64 encoding</title>
<g>
<image width="314" height="131" x="50" y="100" xlink:href="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAToAAACDCAIAAACSkkACAAAAB3RJTUUH0gsUEggc+PNHBAAAAAd0
RVh0QXV0aG9yAKmuzEgAAAAMdEVYdERlc2NyaXB0aW9uABMJISMAAAAKdEVYdENvcHlyaWdodACs
D8w6AAAADnRFWHRDcmVhdGlvbiB0aW1lADX3DwkAAAAJdEVYdFNvZnR3YXJlAF1w/zoAAAALdEVY
dERpc2NsYWltZXIAt8C0jwAAAAh0RVh0V2FybmluZwDAG+aHAAAAB3RFWHRTb3VyY2UA9f+D6wAA
AAh0RVh0Q29tbWVudAD2zJa/AAAABnRFWHRUaXRsZQCo7tInAAABAElEQVR4nO3doXYUSRQG4GEP
YpG4OFauIy6RrCIyvAE4ZHDI4FiXKA5u3oDE4UgcuPAG5A0Sh8uKzW4VTIZMpqu763Z9n7rLmZ20
ueeff3q6+97V1dUMiOD+2AfAUufn18OjR6MeB9WwrlCde/du/vffhj0MYH3SFUazLEWXsa7j+L+X
zmazk5M0f/iQ5uPj68G3gfzLusJA7pqli3RXCEO6Qi+6Z+ki69qv089pns+z+f3gh0J81hWK6SNR
c7orhCFdYU19Z+ki67q+y+9p/vQxzW/epvnsy3DHw+RZV7iD4RM1p7tCGNIVbjFuouas6+10VCph
XeEG9SRqTneFMKQrXKsz5lJDPgAAAQBJREFUUXPW9Wb5b3339tKsozIi60rT6k/U2X46RN0VwpCu
NKfSRN2//bBaX9f8nkkH77L57wEP4s+LNG8dp3nj6L/pwwysK02pKFdXyNJFuiuEIV2ZuOiJmmtx
XY+O0vzs2YB/ePtbmrcO0/zwYMCDILAW15VGjJyrnbN0ke4KYUhXJmV6iZqb8rpeZKczX71Oc+/3
+N05TfPjrJc+OFp8LaxuyutKU0bL1Z4TNae7QhjSlcBaSNTc1Nb17CzNL15m/97HdarOozKsqa0r
jRghV0dK1JzuCmFIV4IZNFcrSNTcFNa1998Ab1ymeWee5j/2Fl4KPZrCujJ5bTbVRborhCFdqY66
Al0AAAEASURBVFrLTXVR1HU9zE5z7vVRIZ98TfP28zT/frbwUhhI1HVl8gbK1eoTNae7QhjSlerI
1WVqX9f82ar7+2kudh/g/JzqbvZb3439hZfCyGpfV5rSe64GTNSc7gphSFeqIFdXUeO65n01P6da
7B5Lm9mDcZ5mf8C9lKhbjetKU+Tq6nRXCEO6Mpoec3VCiZqrZV1776v5vX83sz/gN8DEUcu60hS5
uh7dFcKQrgxKrnZRy7rmvwcu1ld3T9K8+VehN4XR1LKuTJ5c7U53hTCkK72Tq6WMua75/ZaKXb/6
PHtT9wFmWqQrPZKrZemuEIZ0pRe95GqTiZobel3z59kUuz+wvkodBSAxAAABAElEQVQbpCuFydX+
6K4QhnSlGLnatyHW9Sy7pLTY81f1VdojXamVXF2gu0IY0pUCRni6eZP6WteLizS/eFnoTfPrV/VV
2iNd6cS3wUPSXSEM6cqa5Orw+lrXV6/TfPalwxv9cH9g91uiadKVOsjVFeiuEIZ05c4Kt1a5urKS
65pfy9rpXsH581c3nV+Fa9KVO5Cr49JdIQzpyhjk6lq6rut5VjM7Xcu6cZnmp56/CjeQrqzENTc1
0F0hDOnKLXwbXI+u63rwrshhzGa7B2l+cLT8ddAu6cpQ5GpnuiuEIV1ZqlhrlauFrLOup5/T3Om5
rE++pnljv8MbQROkKzdwlrVOuiuENhhL5wAAAP5JREFUIV3pk9Za1Krrevk9zZ2ey5r/Nnj7eYc3
guZIV37g2+Ca6a4QhnWFMFb9MPzpY5q73Td4nmbXssJd6K5c01rr58MwhGFdIYxffRjOz7W+edvh
j2x/S7PnssK6dFe01jB8GIYwpCslyNVB/Gpdi51r3Trs8D8D16Rr01zXGovuCmFIV7rRWgf0q3Xt
dK515zTNDw+Wvw5YlXRtlNYake4KYUhX1qW1Du7ndc3vIdzpXOtjfRUKk67N0Vrj0l0hDOnK3Wmt
I/l5XefzDm+WX9fqGa1Qmg/DEIZ1hTB014YU+E5Yax3V/dlsdn6e/nv+vsObua4V+uTDMITxD0vM
thHiPWzHAAAAAElFTkSuQmCC
" />
</g>
</svg>
(Bekijk dit voorbeeld)
Base64 data
U kan base64 maken met een java-applicatie die u vanaf deze website kan downloaden.
Met de knop "encode from file..." selecteert u het bestand dat u wilt coderen.
Met de knop "encode to file..." selecteert u het bestand waar u de gecodeerde data wilt opslaan (vergeet de extensie .txt of een gelijkaardige extensie niet!).
Met de knop "encode" codeert u de data.
Met de knop "decode from file..." selecteert u het bestand dat u wilt decoderen.
Met de knop "decode to file..." selecteert u het bestand waar u de gedecodeerde data wilt opslaan (vergeet de extentie .gif, .jpg of .png niet!).
Met de knop "decode" decodeert u de data.
Dit programma werkt alleen maar als u Java virual machine 1.3 of hoger hebt. Als u een Java virtual machine hebt van Sun kan u het programma uitvoeren door op het gedownloade bestand te dubbelklikken (1 keer klikken bij Linux). Anders voert u de volgende code uit:
java -jar base64encoder
Netscape 4 kan bij het downloaden de melding geven "SmartUpdate mislukt: JAR-bestand bevat geen informatie over het installatiebestand". Klik dan met de rechtermuisknop op de hyperlink hieronder en klik in het uitrolmenu op "Koppelingen opslaan als..". Sommige browsers geven een bestand geen extentie bij het downloaden, voeg dan achteraan in de bestandsnaam ".jar" toe.