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.

Добавить комментарий

Ограниченный HTML

  • Допустимые HTML-теги: <a href hreflang> <em> <strong> <cite> <blockquote cite> <code> <ul type> <ol start type> <li> <dl> <dt> <dd> <h2 id> <h3 id> <h4 id> <h5 id> <h6 id>
  • Строки и абзацы переносятся автоматически.
  • Адреса веб-страниц и email-адреса преобразовываются в ссылки автоматически.
CAPTCHA
А не робот ли вы случайно?
16 + 2 =
Решите эту простую математическую задачу и введите результат. Например, для 1+3, введите 4.