GIF to Base64

Convert GIF to Base64 online and use it as a generator, which provides ready-made examples for data URI, img src, CSS background-url, and others. The GIF to Base64 converter is identical to Image to Base64, with the only difference that it forces the mime type to be “image/gif” (even if the uploaded file has a different content type or it cannot be detected). Please note that the GIF to Base64 encoder accepts any images types with a size of up to 50 MB. If you are looking for the reverse process, check Base64 to GIF.

About GIF

• Name: Graphics Interchange Format
• Developer: CompuServe
• MIME types: image/gif
• File Extensions: .gif
• Uniform Type Identifier: com.compuserve.gif
• Type of Format: Lossless bitmap image

Output formats

If you do not know what output format you need, check the following examples to see how will look the result of the same Base64-encoded GIF image formatted in each of the available formats (as an example image I use a one-pixel red dot GIF file):

R0lGODdhAQABAPAAAP8AAAAAACwAAAAAAQABAAACAkQBADs=

data:image/gif;base64,R0lGODdhAQABAPAAAP8AAAAAACwAAAAAAQABAAACAkQBADs=

.base64 {
  background-image: url("data:image/gif;base64,R0lGODdhAQABAPAAAP8AAAAAACwAAAAAAQABAAACAkQBADs=")
}

<link rel="shortcut icon" href="data:image/gif;base64,R0lGODdhAQABAPAAAP8AAAAAACwAAAAAAQABAAACAkQBADs=" />

<a href="data:image/gif;base64,R0lGODdhAQABAPAAAP8AAAAAACwAAAAAAQABAAACAkQBADs="></a>

<img alt="" src="data:image/gif;base64,R0lGODdhAQABAPAAAP8AAAAAACwAAAAAAQABAAACAkQBADs=" />

<iframe src="data:image/gif;base64,R0lGODdhAQABAPAAAP8AAAAAACwAAAAAAQABAAACAkQBADs=">
  The “iframe” tag is not supported by your browser.
</iframe>

var img = new Image();
img.src = "data:image/gif;base64,R0lGODdhAQABAPAAAP8AAAAAACwAAAAAAQABAAACAkQBADs=";
document.body.appendChild(img);

window.onclick = function () {
  this.open("data:image/gif;base64,R0lGODdhAQABAPAAAP8AAAAAACwAAAAAAQABAAACAkQBADs=");
};

{
  "image": {
    "mime": "image/gif",
    "data": "R0lGODdhAQABAPAAAP8AAAAAACwAAAAAAQABAAACAkQBADs="
  }
}

<?xml version="1.0" encoding="UTF-8"?>
<root>
  <image mime="image/gif">R0lGODdhAQABAPAAAP8AAAAAACwAAAAAAQABAAACAkQBADs=</image>
</root>

If I missed an important output format for Base64-encoded GIF images, please let me know — I would love to implement it.