Canvas reduce el tamaño de imagen de Jpeg, pero ¿por qué?
Cuando dibujo una imagen JPEG a Canvas usandodrawImage() y después de eso, usandocanvas.toDataURL() para que se pueda guardar localmente (con el clic derecho del mouse), entonces la imagen Jpeg guardada tiene un tamaño de archivo reducido de aproximadamente 40%. Solo es así cuando se usa Jpeg. PNG, GIF (ARCHIVOS SIN COMPRESIÓN) aumenta el tamaño. Pensé, si convierto un archivo de imagen a Base64, el tamaño aumenta hasta aproximadamente 130%. Entonces, ¿creo que el elemento lienzo tiene una funcionalidad de compresión integrada? Si es así, ¿puedo desactivarlo?
El Código se ve así:
var img = new Image();
img.onload = function ()
{
var width = img.width;
var height = img.height;
context.drawImage(img, 0, 0,width,height);
document.images[0].src = canvas.toDataURL('image/jpeg');//<-size = 30,2 KB (30.990 Bytes)
}
img.src = "http://www.roomeffect.de/pageslices/RSB.jpg"; //<-original file size = 58,5 KB (59.930 Bytes)
No sé cuál es el problema.