1-пиксельные прозрачные GIF и PNG в формате Base64

В копилку инструментария разработчика, поскольку иногда бывает необходимо быстро залепить какой-нибудь блок с прозрачностью или заполнить его заглушкой.

Однопиксельный прозрачный PNG в Base64:

iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAYAAAAfFcSJAAAACXBIWXMAAA7EAA
AOxAGVKw4bAAAADUlEQVR42mNgYGBgAAAABQABeqhXUAAAAABJRU5ErkJggg==

Получен в программе IrfanView.

Употребление в коде:

<img
style="border:1px solid yellow" width="10" height="10"
src="data:image/png;base64,
  iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAYAAAAfFcSJAAAACXBIWXMAAA7EAA
  AOxAGVKw4bAAAADUlEQVR42mNgYGBgAAAABQABeqhXUAAAAABJRU5ErkJggg=="

border="1"
alt="Canvas"
title="Canvas">

Получите прозрачное изображение с желтой рамкой и подсказкой Canvas. Естественно, размеры, стили и текст на ваш вкус.

Однопиксельный прозрачный GIF в Base64:

R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAICRAEAOw==

Употребление в коде:

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

Тут краткость. Покороче иных URL. Можно даже наизусть выучить.

Еще один однопиксельный прозрачный GIF в Base64:

R0lGODlhAQABAIAAAP///0pCACH5BAEHAAAALAAAAAABAAEAAAICRAEAOw==

Этот экспортировался из программы FireWorks. PNG из нее выходит более длинное, чем из IV.