Un amour en 80*15 pixels
J’aimerais profiter de ce billet afin d’étaler un brin ce que peut-être certains d’entre mes lecteurs auront remarqué dans le pied de page de ce blog. Je veux bien évidemment parler de ces petites icônes old school qui prolifèrent, changent selon mon humeur.
Je ne compte pas le nombre qui ont pu défilé depuis presque un an que mon blog existe sous sa forme actuelle, cette manie ayant muté en relative obsession.
Pour parvenir à mes fins et garder un score GTMetrix radieux, m’évitant de jouer avec des CSS Sprites ou restreindre mes envies, j’ai résolu d’insérer tout ce pied de page en Base64 comme l’a fait Mitsukarenai : je me rends sur ce site, lui balance l’adresse du badge désiré, et l’intègre dans un widjet « texte » de WordPress.
Pour l’instant j’obtiens ce code, commenté et « aéré » pour l’occasion :
<!--Flux RSS-->
<a href="http://blog.postblue.info/feed/" target="_blank">
<img src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAFAAAAAPCAIAAAD8q9/YAAAAb0lEQVRIx2NIG2GAAYj/jxiA5OE0Biqg//87+yoHLRr18Aj1MCK9M+ATxKEM2XQIIINLdw/jYmCqwR3DaK4nkktTP5Mew/hFKIvhAfUwrjgkGNVDNYYxGcRkYEIeHqx5eLRaGvXw8PDwiGpLjygAAMS5YnYmh+HoAAAAAElFTkSuQmCC" alt="" width="80" height="15" border="0" />
</a>
<!--Licence CC BY SA-->
<a href="https://creativecommons.org/licenses/by-sa/3.0/" rel="license">
<img src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAFAAAAAPCAIAAAD8q9/YAAAABGdBTUEAANbY1E9YMgAAABl0RVh0U29mdHdhcmUAQWRvYmUgSW1hZ2VSZWFkeXHJZTwAAAIySURBVHjaYmAYYYARiP///z9SfMvIyAJhrdm0Glliz669M6fO7OjoKC8vx9Tm6up66tSptu5WcQlxIFdeVsHVyfXjh4+D3LeQeGXClHj54uXyxctx+RYIdu/ebWZmNrl/CoT74eOHwoLCoRLJWDy8fMkKYWFhXL6FAGBw3Lxxc8PajUD2x08fPHw8vH28h6qHL128lJ6eDmScPXtWWVkZmO6Bafj9+/dAEsgGigDFjY2NXVxcrl29BjWFiQnIRUs/EICcnDDZ+LXQonBhwvDt5c+fPgP9A2SHhYUBGUBbgWRnZyfQn+/evQPG/L1794CyQME7t+/AUzUwkWOWEEAAcTScASSBbKy+ZYQBZC7V/Yzu4a9fvgBJQUFBYJQCPQbxOTABA9lKSkpA8bS0tNDQUFgRD3X6z58/GFkYscYY3HsQ18O5aPEJkUVLCPSIYW4eHiAJ9C3Qb0AfAmMVUiwDuUA/A8UrKipmzZqFljjZ2Tn+//mPJ4ax1hDw+MSqHk2WVh7W09fl5eWF+BMYsXv27AHaCvQ5kA2MbSEhIaAIJLueOXNGUVkRokuAXwBYUeGPYYJ1BknqKW14INfDfV39z58+v3//Ph5twBAxMTGJjosOCPYHcmWl5Zobmrdu2TrI62FgaGIppaPjot6+fQOMUjyay8rKVFSVIb7l5xPYsWXHIPctvmoJ2H5KzUytrKxsb2/HqsfJ2en69esFJQXw9Nw/oX+0LT1I29IjrbPEABBgAEdwNeO7yfOaAAAAAElFTkSuQmCC" alt="" width="80" height="15" border="0" />
</a>
<!--Un emblème-->
<a href="http://www.catb.org/hacker-emblem/faqs.html" target="_blank">
<img src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAFAAAAAPCAMAAABEF7i9AAAAZlBMVEVmZmb////l5eXx8fHw8PDb29vBwcFqamrCwsKJjnn+/v7m5uYgICAAAAA2NjY1NTXQ0NDU1NSTk5PT09Pn5+c0NDQhISHa2tqgoKCzs7PR0dG0tLShoaGOjo4DAwONjY14eHjd3d1ln2BIAAAArElEQVQ4y62T6xKCIBCFvQDqwoZBZQUpvv9L1jhGlOVUs2f2D4fh28Mty8iVk+oBLErGRVVzxorZaf5QAmQAUqGSACUdcIOaDsilbLfGtnLHE2A+VTMP8uhM02+aviQEAKuVWACfa8bGbutAg1ilwHuUuDj63ybcH35IuAbsjqfWGnt2nn8ALs9wdcsX7J1G7XocaG45IPrbO/SIgQY4hqGrK8GHMNIA6f4ysa4Sbxn3JG0L4gAAAABJRU5ErkJggg%3D%3D" alt="" width="80" height="15" border="0" />
</a>
<!--Sauvons les internets-->
<a href="http://www.savetheinternet.com/" target="_blank">
<img src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAFAAAAAPCAIAAAD8q9/YAAAA6ElEQVRIie1XOxKEIAwNO5411DYWHMCChhov6xZhGTbhI86qM6tvUsSYYJ7PwKgQEe6EAQC891e3cRK01kNwF3XIE3C1zhyycj+mcQaA19VtnI2HMADgGoxF0kvpy6ocpnEmi5fSSRNYrfTlgqVygiCMKywqGIu0yHxVFUAjXR9s60wpIcskzW+uLwgTMcaNRSJ5eheltG2QglQkss7IW3VJGYZMjDikZGKkjl1bPamRdtzUn9HrOghynzRZvXsSmeXsUliiqRhj2KWwQkTv/U3OYa31cyz9Oz6b1i9mL4vt03UO1N3+lt6E34oYM/oQWgAAAABJRU5ErkJggg%3D%3D" alt="" width="80" height="15" border="0" />
</a>
<!--Electronic Frontier Foundation-->
<a href="https://www.eff.org/" target="_blank">
<img src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAFAAAAAPAgMAAAAOp6AcAAAABGdBTUEAALGPC/xhBQAAAAxQTFRFAAAAZmZm/wAA////AAiShQAAAGRJREFUGNNjCMUCGOr/Y4C/DAUMcMC8CgLWkiLIf5jHnvkDP/MHe+YVXP/2QwQNmHkMDoMQD/OKVa92QVUyg1QaHP7Ag6SSAaiMmcHgsAGySnuGD0BBoHqQSpggZe7E6ndsoQQADhWADeX1vzcAAAAASUVORK5CYII%3D" alt="" width="80" height="15" border="0" />
</a>
<!--Les droits des blogueurs-->
<a href="https://www.eff.org/bloggers/" target="_blank">
<img src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAFAAAAAPAgMAAAAOp6AcAAAADFBMVEUAAACZAABmZmb///+F8yOUAAAAfklEQVQY02NYhQUw7P+PAf4xbA2FgxgGCOAjRbA+Nvzq3/r4+1f/xvAf5j9j/OEPULD0bmx56NVYIBHDY2zAY3AYojK2vPY+UOVXoErj8x8OfICqjL0eG3s1NobnsMEZgwM8IJXx169+rY2/W/4VqJ0fqP0DH6XuxOp3bKEEAD7CjkLxALDHAAAAAElFTkSuQmCC" alt="" width="80" height="15" border="0" />
</a>
<!--Freee Software Foundation-->
<a href="http://www.fsf.org/" target="_blank">
<img src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAFAAAAAPCAIAAAD8q9/YAAAABGdBTUEAAK/INwWK6QAAABl0RVh0U29mdHdhcmUAQWRvYmUgSW1hZ2VSZWFkeXHJZTwAAALqSURBVHjaYkxLS2MYSQAggFiAeObMmSPEt+np6QABxEKMuvePH79/+vTHx49/fv9mZGT8+fnL7x/f//39+/vnT3EVFU03N7jKrv6qQevbssI2IAkQQCgePrl06Z3jx7WcnRkZGP4zMLBycHz/+PHBqVOcAgJS2tq/f/wA+vzz61cMTMwMf//yiYv///+fhYNjaEUyQAChePjWoUMH5s17euECAyMIPDh3TlZPL6i9jUtQ8OqOnWxcXNru7qIqKkAGEzPzEE3VAAEE9TAw9oBISktLw8IiffVqRmbm59evH5g6NXHBgr9//qwqKFC1t//57du5DRsMfH14xcS/vn0rrKj4/98/qDH//7NycrBxcVOY3pAzBZoIpgLyAEAAQT28b/LkxWVl3IyMIKNlZIAx/OXPH1N39w/Pn7Owsen7+wOzKzMb289Pn/pc3YDs39+/MyKZ8oOBwSMzM2raNEqcguwToPcwPUaVAgIggKAeVra0CKyqen7x4rOrV82joxiAPmZi+vfnz9KsTH5xicSFC+EaDs6Y8fntWwVjYz1vb2AeBooAff7z509FYyOqFCoQXwFJZC6mArIBQABBPaxiYwtEp5YvPz5/vn9LK1z6769ff37/gnOPL1r0+v59TQcHLlFRJStLhn8gH//7+0dMSRmYwin0MJpP4CkZLk6VGAYIIJRC69e3b3///kUWASZjIPr44sWNfftOLl9+Zc8ej9JSZhaWvbNmfXj8GBTD/////PfPLCDAq7qa6lUILeo5gABC8fDf37+/vnnz8flzYGJ+/+TJ8xs3Xt++/ebx40/Pn/OKiyuYmnpXVChbW59bu9bY1zd21iwGcJIGYsoLbazRS/UMDAQAAYTiYRVrq+8fPtzcv//nly/AiAVmYzljI6PQUDFlZQ4+PrgyYHn+B1iGsbIOxWoJIIBQPCytqwdEBPXIGxvzCAsP0XoYIIBYyNAjoaEBRPjz3qAFAAHEAmlSj5zeEkCAAQBO1zuQgj3tWAAAAABJRU5ErkJggg%3D%3D" alt="" width="80" height="15" border="0" />
</a>
<!--GNU-->
<a href="https://www.gnu.org/" target="_blank">
<img src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAFAAAAAPCAMAAABEF7i9AAACNFBMVEUAAAADAwMEBAQFBQUGBgYJCQkKCgoLCwsMDAwPDw8QEBAREREUFBQVFRUWFhYXFxcYGBgZGRkcHBwdHR0eHh4fHx8gICAiIiIkJCQlJSUpKSkqKiorKystLS0wMDAxMTE0NDQ2NjY3Nzc4ODg5OTk6Ojo7OztBQUFFRUVGRkZHR0dJSUlKSkpMTExNTU1OTk5PT09UVFRVVVVYWFhZWVlbW1tdXV1eXl5hYWFjer1kZGRmZmZoaGhpaWlqampvb29wcHBxcXF0dHR1dXV2dnZ5eXl6enp7e3t8fHx9fX1+fn5/f3+AgICBgYGEhISFhYWGhoaHh4eIiIiJiYmKioqLi4uMjIyNjY2Ojo6QkJCRkZGSkpKUlJSVlZWWlpaXl5eYmJibm5ucnJydnZ2enp6fn5+goKChoaGioqKjo6OkpKSlpaWmpqaoqKipqamqqqqsrKytra2urq6vr6+wsLCxsbGysrKzs7O0tLS1tbW2tra3t7e5ubm6urq7u7u8vLy9vb2+vr6/v7/BwcHDw8PGxsbHx8fIyMjJycnKysrLy8vNzc3Ozs7Pz8/Q0NDR0dHS0tLT09PU1NTV1dXW1tbY2NjZ2dna2trb29vc3Nzd3d3e3t7f39/g4ODh4eHi4uLj4+Pk5OTl5eXn5+fo6Ojp6enq6urr6+vs7Ozt7e3u7u7v7+/w8PDx8fHy8vLz8/P09PT19fX29vb39/f4+Pj5+fn6+vr7+/v8/Pz9/f3+/v7///+fy4vcAAACZUlEQVQ4y63T61MSURQA8GtJD82yl73UtJdZKpVkUWGZmSWICmYIPqDMKCojRbMMiRRTYyMwiADNkkRYRLTYZc8/1z4YZspR++Cd2Z1zz+z9zb3n7kHCdR5ICOs6GNDQBpNZ2ZpmK0ViyjuOvQihjYcKDx8UGMfNQHkeKQU8HkKlluZ3i2G95nT6e/L2K1hhfyxorCfVGahPosNGVXWWI6kF11uwuQX79BLEnxtsD6PgkvuenuBVGltNbxtH8nbcwyXGVUGLBJ86jiRDEoW4SX80pysE8MtySxAAeDLw9Y3UFhxSf4OZ0i03ehtkPVVb97mn6oZXBZ21n/xlCNV6R8yVO4s9dCEorXzTNTJODKnC3hp7xSnXAwBffsqxno/tu1HJ7KDCyYJMyYTAMsJkRIN4Z+vSFR5KP3A3F+X4mMrazk/zJ7HXnZHvToDYnsZpLZ00bkYZ+xFKaZqt6YskGFZdBsJ4tRXn03WnL6Ob8aL9wd/UfBTwDlCHIFLkn39MZxfPMF+kVbietUwAt5jDYBmI66sDnrLMVIRO4gwYiy0A9JYXFMoJpwfIc8VZF+J0uh1tSMuTOxxi8yL8dVD4F6S8GmkgJDubu13H/UzkB4DLssxdwThBr23L2SaN0Nmf2fkNw3531YsfbPE4SJh8IHkpNGBXVfuinm5+gAPnBgHGdDKlO8TMwpcuKpgdUoaiL/7+Kr2XSoAr3TIjTnSIxCZPOcGBVgP9imBjnzF2aq9QUmxQL7qpMs2w8RoggH+4S1Ki5WLi6gAXxBP99PK+yMEwrsa+UTLRYmuBQPxnsxJr9vI6jz+9Eg+8L+ab0wAAAABJRU5ErkJggg%3D%3D" alt="" width="80" height="15" border="0" />
</a>
<!--Non à 1984-->
<a href="http://www.no1984.org/" target="_blank"
><img src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAFAAAAAPBAMAAACB51W8AAAAGFBMVEVmZmb///////9EoAD///+Jjnnw8O6XnImjfdRdAAAAXklEQVR4nGNgIBYwChIFBBgYXaDAMRQfoI1CEyA0BikMUg0NSgWRqqpYFRq7mDgD1QJNBCopClUNwqXQxAShMEgJj4kmzgiFoWATldQIuFEN6sZQ7CYOXDgSG9fEAgB72oVBt4VSZgAAAABJRU5ErkJggg%3D%3D" alt="" width="80" height="15" border="0" />
</a>
<!--Archlinux-->
<a href="https://www.archlinux.org/" target="_blank">
<img src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAFAAAAAPBAMAAACB51W8AAAAHlBMVEUAAAD///////////8ZlNFNTU3i8fno6OhjY2PS0tK7jab1AAAAcElEQVQoz2NgIBYwChIFBBgYXZCBYygOQBuFziYuxiYg0sQZqDAoNFQ1CEgCCdWIqSgKgfImbmASrlAVrDCoHdVEY2OQiSYuIAZUYRBYYURpKIaJJqgmhiphMxFiNdyN6hA3BqliuHHgwpHYuCYWAAB1XoK1RNz/zwAAAABJRU5ErkJggg%3D%3D" alt="" width="80" height="15" border="0" />
</a>
<!--Wordpress, je ne suis pas hypocrite à vouloir masquer le CMS que j'utilise-->
<a href="https://wordpress.org" target="_blank">
<img src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAFAAAAAPCAIAAAD8q9/YAAAAqUlEQVR4nO1W0QrAIAj0Rv//y+6hIaFhbkQR7h6ibrq87aSIkgFExMy7y1gEAEVmH/JP/FLX7gJWI53gotbMLPaWuVjXcT6ANkyl2DdsYTqCrWxVt9/trdR22fJzme6+XcYTbCH7BeMdqH8ejPEZa0bLVEQFT5GqSvFjhlkqJmIKsoLrYxnfypBRVWmLc/p8uIXNCjYwycUjyTkMIN2xlE7w08PHmfNHFDd6ecYApq1bPAAAAABJRU5ErkJggg%3D%3D" alt="" width="80" height="15" border="0" />
</a>
<!--Blog alimenté au café-->
<img src="data:image/gif;base64,R0lGODlhUAAPALMAAAQCBPz+/Hw+DGRmZFxMyufowRIS4wAAd8oAqMEAMeMTZXcAAKgGgjEAAGUAAAAAACH5BAAAAAAALAAAAABQAA8AAwSzcMhJq704681n+GAojmRpnmgqBULrvnAswwFg33iu77werLOgMFbrGY/H34A1bAaLyKgUoGR+XtcWSJvdCrxFEO5zg4bJVHT6HAZatfAvdu5iam1hvJ7Kz5f3UHx9bjRxYF2IVnhqfjWOi2xlaHlVcpZvlnGamV97f4KPfnpmY6NAX3aodXRcVl2ekqVmk4CTk6dOuVhTvEm4urqBvcNlv8BOwsTDVSnNzs/QJB3T1NXWFhEAOw%3D%3D" alt="" width="80" height="15" border="0" />
Et j’en ai encore un tonne d’autres à faire découvrir, plus ou moins clichés / clin d’œil / private joke.
Suite à un commentaire (merci Jimmy), je me suis rendu compte que j’ai oublié de lier ma source préférée : 80×15, le générateur d’Antipixel. Notez qu’il en existent quelques autres sur le même principe (il n’y a pas grand chose à changer, ce dernier est simple et pratiquement immuable) : Button Maker et ButtonBrowser, par exemple, basés sur le premier cité.
