的Base64 - 大小

Question

之探源我使用patternify和pixieengine當我需要做一些小的圖形元素爲我的網站。到現在爲止，它並沒有讓我感到困擾 - 像素編輯器現在已經死了幾天。爲什麼這些網站？由於base64代碼壓縮。

例子：

Patternify - 我填補5x5的像素模式與黑色爲主色調，這是中的Base64編碼，我可以得到：

data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAUAAAAFCAYAAACNbyblAAAAEUlEQVQImWNgYGD4jwVTXRAA9qoY6Kb21uEAAAAASUVORK5CYII= 

這是短暫，一切都會按我的預期。現在

我會盡力做一個簡短的base64編碼沒有這些網站。我在Photoshop做了一個黑色的正方形5×5同上，並在每一個可能的格式保存在此。接下來我發現一些網上的編碼器，但是這是他們給了我：

iVBORw0KGgoAAAANSUhEUgAAAAUAAAAFCAMAAAC6sdbXAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyJpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMy1jMDExIDY2LjE0NTY2MSwgMjAxMi8wMi8wNi0xNDo1NjoyNyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNiAoV2luZG93cykiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6RTM1QjVGOEU0MDkxMTFFM0E5MDlGOUFDNDM5REVCMUQiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6RTM1QjVGOEY0MDkxMTFFM0E5MDlGOUFDNDM5REVCMUQiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDpFMzVCNUY4QzQwOTExMUUzQTkwOUY5QUM0MzlERUIxRCIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDpFMzVCNUY4RDQwOTExMUUzQTkwOUY5QUM0MzlERUIxRCIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/Pg8gB7gAAAAGUExURQAAAP///6XZn90AAAAOSURBVHjaYmDABwACDAAAHgABzCCyiwAAAABJRU5ErkJggg== 

更長的代碼和文件的重量爲從patternify類似PNG〜950乙

Patternify有限制10×10 PX。因此，對於較大的元素我必須使用pixieengine，它有確切相同的壓縮水平patternify並沒有限制，不幸的是它的死這就是爲什麼我現在就需要了解它是如何真正起作用。有沒有任何「離線」的方式來實現patternify/pixieengine壓縮級別？

Answer 1

這是不是一個真正的關於base64編碼的問題，它是關於圖像壓縮。 Base64編碼不會隱含地使圖像佔用較少的字節，實際上它會佔用更多（二進制與二進制的字符串表示形式）。通過一個好的壓縮工具（如pngcrush和）運行您的原始PNG，然後將其編碼爲base64。