角度裁剪的图像文件尺寸变大

我使用此插件angular-image-cropper裁剪我的图像和ng-file-upload上传我的图像。角度裁剪的图像文件尺寸变大

问题是说我的图像尺寸是1955px * 1300px大小约194kb。

我剪裁到800px * 450px后，尺寸变成550kb左右。

这是正确的吗？因为它几乎成为4倍大，从它的原始尺寸

我的html代码：

<div class="form-group"> 
    <label class="control-label">Cover</label> 
    <input type="file" ngf-select="uploadFiles($files,$invalidFiles)" name="cover" id="cover" ngf-pattern="image/*" accept="image/*" 
     ng-model="upload.coverSource" ngf-max-size="512KB" ngf-min-width="800" img-cropper-fileread image="upload.coverSource" 
     disable-invalid-styling="true" disable-valid-styling="true"> 

     <canvas ng-show="upload.coverSource" width="500" height="281" id="canvas" image-cropper image="upload.coverSource" 
     cropped-image="category.coverCrop" crop-width="800" crop-height="450" keep-aspect="true" crop-area-bounds="bounds"> 
     </canvas> 
</div>

在我的角度我只是试图CONSOLE.LOG他们两个：

console.log($scope.upload.coverSource); 

// and i need to convert it to blob first to get the data. 
// category.coverCrop value is in data:base64 

var cover = Upload.dataUrltoBlob(category.coverCrop); 
console.log(cover);

这里是结果截图：

任何解决方案使尺寸相同或更小？

来源

2016-01-12 ssuhat

在我测试过的大多数修剪器中，生成的图像被转换为原始格式，使其变大，在您的信息的情况下，看图像是以其原始base64格式，也是这里具有相似结果的相当高级的编辑器的示例：https://www.photoeditorsdk.com/事情是压缩或任何进一步处理是与裁剪不同的任务，并且通常不由此库处理;所以你如何解决它？在我们的案例中，我们与cloudinary.com集成并使用他们的转换API来确保我们的所有图像具有合适的尺寸和质量。

来源

2017-05-04 01:25:32

角度裁剪的图像文件尺寸变大

回答

相关问题