imagemin-contrib (그란트)로 이미지 압축

Question

Grunt.js에 imagemin-contrib을 테스트하고 싶었습니다. 3 개의 jpg 임의 이미지 (크기 : 각각 44kb, 92kb, 77kb)를 선택하고 폴더와 플러그인을 설정합니다.

그래머 작업을 수행 할 때 사진이 최적화되었다는 메시지가 나타 났지만 처음 두 장의 사진은 크기가 5kb 또는 10kb로 줄어들었지만 전혀 변경되지 않았습니다. .

"최적화 된 이미지"가 정상적인 것인지 궁금합니다. 나는 더 급격한 크기의 하락을 기대하고 있었다. 내가 선택한 이미지가 단순히 이미 최적화되어있을 수 있습니까? 아니면 내가 그놈 명령을 쓰는 방법에있을 수 있습니까?

module.exports = function(grunt) { 

    grunt.initConfig({ 

     pkg: grunt.file.readJSON('package.json'), 

     //Image Min Plugin 
     imagemin: { 
      dynamic: { 
       files: [{ 
        expand: true, 
        cwd: 'photos/', 
        src: ['**/*.{png,jpg,gif}'], 
        dest: 'photos/optim/' 
       }] 
      } 
     } 


    }); 

    grunt.loadNpmTasks('grunt-contrib-imagemin'); 
    grunt.registerTask('default', ['imagemin']); 
}; 

Answer 1

일반 정보

잘 절대적으로 이러한 이미지의 원래 상태에 따라 달라집니다 : 아래

내가 툴툴 명령을 실행하는 데 사용되는 코드입니다. 이들이 이미 압축 된 경우 (예를 들어 포토샵으로 내보낼 때), 이들은 품질의 손실없이 간신히 압축 될 수있다. 따라서 최적화를 통해 많은 이익을 얻지 못할 수도 있습니다. 압축되지 않은 이미지 인 경우 grunt-contrib-imagemin을 사용하면 많은 도움이됩니다.

플러그인은해야 할 일에 대해 훌륭하게 작동하지만, 품질이 떨어지면 이미지를 압축하지 않습니다. 또한 이미지의 크기를 조정할 수 있는지 여부는 알지 못합니다 (종종 아주 좋은 압축입니다). 최상의 압축을 찾고 있다면 다른 해상도로 이미지를 업로드하여 이미지를 최적화 할 수 있다면 및 이미지를 무손실로 압축 할 수 있는지 알려주는 페이지 속도 통찰력 (https://developers.google.com/speed/pagespeed/insights/)을 실행할 수 있습니다. 더 많은 압축을 원하거나 필요로하는 경우 손실 압축을 고려하십시오. 그러면 약간의 품질 손실만으로 많은 kbs를 절약 할 수 있습니다.

optimizationLevel 옵션 :

는 압축 크기에 영향을 미치지 않습니다 비록 많이는 최적화 작업의 집합을 가능하게하며 0 ~ 7 사이의 레벨로 설정 될 수있는 optimizationLevel 옵션이 있습니다 기본적으로 3으로 설정됩니다. 레벨을 높게 설정할수록 압축 연산이 더 비쌉니다 (어쨌든 중요하지 않음). 그래서 7로 설정하고 압축에 미치는 영향을하면 볼 수 있습니다

imagemin: { 
      options: { 
       optimizationLevel: 7 
      } 
      dynamic: { 
       files: [{ 
        expand: true, 
        cwd: 'photos/', 
        src: ['**/*.{png,jpg,gif}'], 
        dest: 'photos/optim/' 
       }] 
      } 
     } 

최적화 레벨 0은 가 최소한의 노력을 필요로하는 최적화 작업의 설정을 할 수 있습니다. 비트 심도 또는 색상 유형과 같은 이미지 속성 은 변경되지 않으며 기존 IDAT 데이터 스트림은 재 압축되지 않습니다. 최적화 수준 1은 단일 IDAT 압축 시험을 가능하게합니다. 선택한 시험판은 OptiPNG가 아마도 이라고 생각하는 것일 것입니다. 최적화 수준 2 이상 은 여러 IDAT 압축 시도를 가능하게합니다. 레벨이 높을수록 시도가 많습니다.

참조 : https://github.com/gruntjs/grunt-contrib-imagemin