Skip to content

Instantly share code, notes, and snippets.

@ondrek
Created November 11, 2013 13:48
Show Gist options
  • Select an option

  • Save ondrek/7413434 to your computer and use it in GitHub Desktop.

Select an option

Save ondrek/7413434 to your computer and use it in GitHub Desktop.
Smallest Base64 image
data:image/gif;base64,R0lGODlhAQABAAAAACw=
@moosavimaleki

moosavimaleki commented Sep 20, 2019

Copy link
Copy Markdown

small and viewable:
iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAQAAAC1HAwCAAAAC0lEQVR42mNk+A8AAQUBAScY42YAAAAASUVORK5CYII=

@ashleedawg

Copy link
Copy Markdown

...small but actually looks like something: 4px

data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAgAAAAIAQMAAAD+wSzIAAAABlBMVEX///+/v7+jQ3Y5AAAADklEQVQI12P4AIX8EAgALgAD/aNpbtEAAAAASUVORK5CYII

Note that with Base64 you can usually get away with trimming any = from the end of the string as they are just padding. ☺️

@stwr667

stwr667 commented Dec 23, 2021

Copy link
Copy Markdown

👍

@UniAwill

UniAwill commented Oct 7, 2022

Copy link
Copy Markdown

@passio777x

Copy link
Copy Markdown

thanks

@UPocek

UPocek commented Jan 25, 2023

Copy link
Copy Markdown

Great! 💯

@josemarimanio

Copy link
Copy Markdown

Thank you 🎉

@fakhar23

fakhar23 commented Apr 13, 2023

Copy link
Copy Markdown

iVBORw0KGgoAAAANSUhEUgAAAAgAAAAIAQMAAAD+wSzIAAAABlBMVEX///+/v7+jQ3Y5AAAADklEQVQI12P4AIX8EAgALgAD/aNpbtEAAAAASUVORK5CYII

that's exactly what I was looking for. Thanks a lot.

@lordcsd

lordcsd commented Jun 12, 2023

Copy link
Copy Markdown

...small but actually looks like something: 4px

data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAgAAAAIAQMAAAD+wSzIAAAABlBMVEX///+/v7+jQ3Y5AAAADklEQVQI12P4AIX8EAgALgAD/aNpbtEAAAAASUVORK5CYII

Note that with Base64 you can usually get away with trimming any = from the end of the string as they are just padding. relaxed

Nice on, Exactly what I wanted

@ducquoc

ducquoc commented Aug 28, 2023

Copy link
Copy Markdown

Thank you for the image. I was looking for some small ones. Here are the 10px squares:
Red: iVBORw0KGgoAAAANSUhEUgAAAAoAAAAKCAYAAACNMs+9AAAAFUlEQVR42mP8z8BQz0AEYBxVSF+FABJADveWkH6oAAAAAElFTkSuQmCC

Green: iVBORw0KGgoAAAANSUhEUgAAAAoAAAAKCAYAAACNMs+9AAAAFUlEQVR42mNk+M9Qz0AEYBxVSF+FAAhKDveksOjmAAAAAElFTkSuQmCC

Blue: iVBORw0KGgoAAAANSUhEUgAAAAoAAAAKCAYAAACNMs+9AAAAFUlEQVR42mNkYPhfz0AEYBxVSF+FAP5FDvcfRYWgAAAAAElFTkSuQmCC

@bingud

bingud commented Aug 31, 2023

Copy link
Copy Markdown

viewable 43B data:image/gif;base64,R0lGODlhAQABAIAAAP///wAAACH5BAEAAAAALAAAAAABAAEAAAICRAEAOw==

@RamonFLstate

Copy link
Copy Markdown

1 pixel good for PHPs and JavaScripts because don't have any // or ++ and other symbols that can interfere(also small):
iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAYAAAAfFcSJAAAADUlEQVQYGWNgYGD4DwABBAEAqXIB5QAAAABJRU5ErkJggg

Best regards.
RamonPC.com

@RamonFLstate

RamonFLstate commented Sep 15, 2023

Copy link
Copy Markdown

And this 1 pixel white smallest I was able to get, but with ///:
data:image/png;base64,R0lGODlhAQABAIAAAP///wAAACwAAAAAAQABAAACAkQBADs=

I hope this helps.
Best regards.
RamonPC.com

@antoi

antoi commented Oct 24, 2023

Copy link
Copy Markdown

iVBORw0KGgoAAAANSUhEUgAAAAoAAAAKCAYAAACNMs+9AAAAFUlEQVR42mP8z8BQz0AEYBxVSF+FABJADveWkH6oAAAAAElFTkSuQmCC

This one rocks!

@ducquoc-gft

ducquoc-gft commented Dec 13, 2023

Copy link
Copy Markdown

Thank you for the image. I was looking for some small ones. Here are the 10px squares: Red: iVBORw0KGgoAAAANSUhEUgAAAAoAAAAKCAYAAACNMs+9AAAAFUlEQVR42mP8z8BQz0AEYBxVSF+FABJADveWkH6oAAAAAElFTkSuQmCC

Green: iVBORw0KGgoAAAANSUhEUgAAAAoAAAAKCAYAAACNMs+9AAAAFUlEQVR42mNk+M9Qz0AEYBxVSF+FAAhKDveksOjmAAAAAElFTkSuQmCC

Blue: iVBORw0KGgoAAAANSUhEUgAAAAoAAAAKCAYAAACNMs+9AAAAFUlEQVR42mNkYPhfz0AEYBxVSF+FAP5FDvcfRYWgAAAAAElFTkSuQmCC

Yellow (square 10px): iVBORw0KGgoAAAANSUhEUgAAAAoAAAAKCAYAAACNMs+9AAAAFUlEQVR42mP8/5+hnoEIwDiqkL4KAcT9GO0U4BxoAAAAAElFTkSuQmCC

@vlasentiy

vlasentiy commented Sep 27, 2024

Copy link
Copy Markdown

Just try this service: link

@RamonFLstate

Copy link
Copy Markdown

Just try this service: link

Tried the tool in the link with the bare minimum settings of 1, 1, 1 and the result was:

iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAIAAACQd1PeAAAAEElEQVR4nGI6MCsWEAAA//8D3QG6Bc6D/gAAAABJRU5ErkJggg==
data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAIAAACQd1PeAAAAEElEQVR4nGI6MCsWEAAA//8D3QG6Bc6D/gAAAABJRU5ErkJggg==

Nice tool.

@RamonFLstate

RamonFLstate commented Sep 27, 2024

Copy link
Copy Markdown

Smallest(that I know) Base64 images: Black, White and Transparent(Clear)

1 pixel good for PHPs and JavaScripts because don't have any // or ++ and other symbols that can interfere(also small, only Black PNGs for What I know ):
PNG Black data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAIAAACQd1PeAAAADElEQVQImWNgYGAAAAAEAAGjChXjAAAAAElFTkSuQmCC
PNG Black data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAYAAAAfFcSJAAAADUlEQVQYGWNgYGD4DwABBAEAqXIB5QAAAABJRU5ErkJggg

Normal, No Code Amicable:

GIF White data:image/gif;base64,R0lGODlhAQABAIAAAP///wAAACwAAAAAAQABAAACAkQBADs (Smallest that I know)

GIF Black data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAAAAAAALAAAAAABAAEAAAICRAEAOw

GIF Clear data:image/gif;base64,R0lGODlhAQABAIAAAP///wAAACH5BAEAAAAALAAAAAABAAEAAAICRAEAOw

PNG White data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAIAAACQd1PeAAAADElEQVQImWP4//8/AAX+Av5Y8msOAAAAAElFTkSuQmCC

PNG Black data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAAAAAAALAAAAAABAAEAAAICRAEAOw

PNG Clear
data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAYAAAAfFcSJAAAABGdBTUEAAK/INwWK6QAAABl0RVh0U29mdHdhcmUAQWRvYmUgSW1hZ2VSZWFkeXHJZTwAAAAQSURBVHjaYvj//z8DQIABAAj8Av7bok0WAAAAAElFTkSuQmCC

I hope this helps.
Best regards,
Ramón

@exec228

exec228 commented Jul 24, 2025

Copy link
Copy Markdown

<img src="data:image/x-icon;base64," alt="Placeholder icon" />
Does it solve your task?

@evnchn

evnchn commented Jan 12, 2026

Copy link
Copy Markdown

@evnchn

evnchn commented Jan 12, 2026

Copy link
Copy Markdown

Oh so the root-cause is that the service mentioned in https://gist.github.com/ondrek/7413434?permalink_comment_id=5209693#gistcomment-5209693 (https://yulvil.github.io/gopherjs/02/) returns PNG (iVBOR) no matter what you set it to in the frontend

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment