在軟體開發時，這樣的做法帶來的好處是一個HTML或CSS檔案就可以包含圖檔的資訊，而不需要為了圖檔要放在哪而傷腦筋，但這個方法也是有限制的，它會依據瀏覽器的支援程度不同而有所差異，像IE就會因為圖檔太大而直接裁切掉，讓圖檔陷入只剩下一半的窘境。
另一方面，有些系統設計會將圖檔直接塞到資料庫中，若是不使用base64直接嵌入的話，就會有類似N+1 SQL的問題，假設頁面上有十個圖檔要呈現，用base64字串嵌入的方式可以在一個request / response就將圖檔全部呈現，但是一般的<img> tag呈現方式就會等頁面response之後再發動十個request取得圖檔，效能上會有不小的差異。
這裡提供一個線上轉換圖檔成base64字串的網站，挺方便的。
Image to Base64 converter
Base64 QR Code
<img src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAJYAAACWCAIAAACzY+a1AAAABmJLR0QA/wD/AP+gvaeTAAADVUlEQVR4nO2dS27jQAwFo8Hc/8qeZYRBGiFFst2VVC0DWRZcIF7YP12v1+tDyPx59wNIFRXiUSEeFeJRIR4V4lEhHhXiUSEeFeJRIR4V4lEhHhXiUSEeFeL5++Az13W1P8d95nl1/65rVtff6bp/lgcz8FYhHhXiUSGeJ1l4p7J6KpI3ketXrHIr8veuTI1QzFSrEI8K8agQTzUL73RlRvY+leuzuRhhOjv/wyrEo0I8KsTTmYVdZPMy0kdGer7sfQ7BKsSjQjwqxHNiFkbGTrPjqJFeLTtmewhWIR4V4lEhns4s7MqMbH9W6dsm+sLN2WkV4lEhHhXiqWbhxFrKrjHJbHZ2ZepmrEI8KsSjQjzXgQOA02OVldw68OeyCvGoEI8K8eyeL8zOBUbm/yq9XWVctKvvLPbBViEeFeJRIZ5qX9jVY1X2GnZdE/neFV37Oh5gFeJRIR4V4unMwmwPdKcre7oyr5KjEdxfKJ+oEI8K8Zw+X9i1F3Bi/36WoZ/aKsSjQjwqxFM9j7TSC67oOpsmcv+Jc0dXnx1aE2QV4lEhHhXimRojrVw/vT+hkrUT48CunfntqBCPCvHszsLsZ4fWXh77XQ+wCvGoEI8K8eyYL5zYO3/nXWOeq2vuVPrLIFYhHhXiUSGeznNnsvsCI6yyITtWWRnL3ZBnFaxCPCrEo0I8nWtnIlRyYiJrI9+Vvb5rDVEQqxCPCvGoEM9UXzixFrSrR1w9w3Sf554K+RoV4lEhns732k+/CzCbnRNnoXWtEW3sEa1CPCrEo0I8O84jzY5nduVT5dkmrlnhOtLfjgrxqBDPTzt3JnufO129bPaMmyJWIR4V4lEhnuramS4i76mo5NDEXovIs234V8MqxKNCPCrE0zlfmKWyniXyPDvPL10xfUb5h1X4A1AhHhXi6Zwv7MqPiXf+7Xw3U+T+jetorEI8KsSjQjy73+XbRSQXp887nZjLfIBViEeFeFSI5/QsHBpX/PaekWfYMP4ZwSrEo0I8KsTTmYXT60Qmzv5+1/iq55HKJyrEo0I8nefOTNM1rtg1V5d9nqG1plYhHhXiUSGeE/cXSgqrEI8K8agQjwrxqBCPCvGoEI8K8agQjwrxqBCPCvGoEI8K8agQjwrx/AN7gz44q6acbAAAAABJRU5ErkJggg==" />
QR Code
