Base64 - 크기가 다른 크기

Question

내 웹 사이트에 작은 그래픽 요소를 만들어야 할 때 patternify과 pixieengine을 사용하고 있습니다. 그것은 지금까지 나를 귀찮게하지 않았습니다. 픽셀 편집기는 며칠 째 죽었습니다. 왜이 웹 사이트입니까? base64 코드 압축 때문입니다.

예 :

Patternify - 나는 검은 색으로 5 × 5 픽셀 패턴을 작성이 내가 얻을 수있는 base64로 코드 :

data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAUAAAAFCAYAAACNbyblAAAAEUlEQVQImWNgYGD4jwVTXRAA9qoY6Kb21uEAAAAASUVORK5CYII= 

그것은 짧은 그리고 모든 것이 내가 예상대로 작동합니다.

이제 이러한 사이트가없는 간단한 base64 코드를 만들려고합니다. 위와 똑같은 포토샵에서 5x5의 검은 색 사각형을 만들어 가능한 모든 형식으로 저장했습니다. 다음으로 몇 가지 온라인 인코더를 발견했습니다하지만 그들이 내게 준 것입니다 :

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

더 이상 코드 및 파일의 무게는 patternify에서 PNG와 유사했다 ~ 950 B

Patternify는 10 × 10에 제한이 있습니다 px. 따라서 더 큰 요소들에 대해서는 pixieengine을 사용해야합니다. 정확한 압축 수준은 patternify와 제한이 없습니다. 유감스럽게도 그것이 실제로 작동하는 방식을 지금 이해해야하는 이유는 무엇입니까? patternify/pixieengine 압축 수준을 달성하기위한 "오프라인"방법이 있습니까?

Answer 1

이것은 base64 인코딩에 대한 질문이 아닙니다. 이미지 압축에 관한 내용입니다. Base64 인코딩은 이미지가 암시 적으로 더 적은 바이트를 차지하게 만들지 않으며, 실제로는 더 많이 차지합니다 (이진의 문자열 표현과 해당 이진의 문자열 표현). pngcrush 및 과 같은 좋은 압축 도구를 사용하여 원본 PNG를 실행 한 다음을 base64로 인코딩합니다.