uuutee.log

macのターミナルで画像をbase64エンコードする

base64 sample.png

# エンコードされた文字列が出力される
iVBORw0KGgoAAAANSUhEUgAAAAQAAAAEAQMAAACTPww9AAAABGdBTUEAALGPC/xhBQAAAAFzUkdCAK7OHOkAAAAGUExURf///6qqquPGFV0AAAAMSURBVAjXYzjAAIYADAgDAW9NjdcAAAAASUVORK5CYII=

css から利用する例

.class {
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAQAAAAEAQMAAACTPww9AAAABGdBTUEAALGPC/xhBQAAAAFzUkdCAK7OHOkAAAAGUExURf///6qqquPGFV0AAAAMSURBVAjXYzjAAIYADAgDAW9NjdcAAAAASUVORK5CYII=);
}

html から利用する例

<img src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAQAAAAEAQMAAACTPww9AAAABGdBTUEAALGPC/xhBQAAAAFzUkdCAK7OHOkAAAAGUExURf///6qqquPGFV0AAAAMSURBVAjXYzjAAIYADAgDAW9NjdcAAAAASUVORK5CYII=" alt="" />