search

g-viet / til

Today I learned
6 stars 0 forks source link

Base64 Encode of 1x1px Transparent GIF #3

Open g-viet opened 6 years ago

g-viet commented 6 years ago

Keyword: base64 Ref : https://css-tricks.com/snippets/html/base64-encode-of-1x1px-transparent-gif/

<img src="data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7">

Example: displaying emoji in Slack

<img 
    data-id=":smile:" 
    data-stringify-text=":smile:" 
    class="emoji" 
    src="data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7" 
    style="background-image: url(https://a.slack-edge.com/c00d19/img/emoji_2017_12_06/sheet_apple_64_indexed_256.png);
            background-position:58.8235294117647% 54.90196078431372%;
            background-size:5200% 5200%;" 
    alt=":smile:"
>