改进PNG优化Gulp任务

2024-03-18

这是透明的 PNG 源代码:https://i.stack.imgur.com/6XZBB.png https://i.stack.imgur.com/6XZBB.png(13.3kB)

  • 使用 compresspng.com 进行优化:https://i.stack.imgur.com/Ts1cM.png https://i.stack.imgur.com/Ts1cM.png(5.4kB)
  • 使用tinypng.com优化:https://i.stack.imgur.com/ZcclS.png https://i.stack.imgur.com/ZcclS.png(5.6kB)
  • 使用 gulp-imagemin+imagemin-pngquant 优化:https://i.stack.imgur.com/zVy6w.png https://i.stack.imgur.com/zVy6w.png (6.6kB)

正如你所看到的,在线工具比 Gulp 更好。有没有办法用 Gulp 改进 PNG 优化?

以防万一,这是我的任务:

gulp.task('images', function() {
  return gulp.src('frontend/images/*')
    .pipe(imagemin({
      progressive: true,
      use: [pngquant()]
    }))
    .pipe(gulp.dest('public/images'));
});

您可以使用 ImageMagick 来查看各种算法的作用identify -verbose工具,像这样

identify -verbose com.png    > com.txt
identify -verbose tin.png    > tin.txt
identify -verbose gulp.png   > gulp.txt

然后比较输出 - 我使用opendiff在Mac上。如果您比较 com.txt (compresspng) 与 gulp.txt,您会看到这一点

如果您将tiny (tinypng) 与gulp.txt 进行比较,就会发现这一点

区别在于保留的颜色数量 - gulp 使用 94 种颜色,compresspng 使用 66 种颜色,tiny 使用 53 种颜色。

如果您或其他人希望比较任何其他方面,我将粘贴以下 3 个输出文件以供参考:

gulp.txt

Image: gulp.png
  Format: PNG (Portable Network Graphics)
  Mime type: image/png
  Class: DirectClass
  Geometry: 560x290+0+0
  Units: Undefined
  Type: PaletteAlpha
  Endianess: Undefined
  Colorspace: sRGB
  Depth: 8-bit
  Channel depth:
    red: 8-bit
    green: 8-bit
    blue: 8-bit
    alpha: 8-bit
  Channel statistics:
    Pixels: 162400
    Red:
      min: 1 (0.00392157)
      max: 245 (0.960784)
      mean: 110.922 (0.434989)
      standard deviation: 104.067 (0.408106)
      kurtosis: -1.74946
      skewness: 0.208663
      entropy: 0.3477
    Green:
      min: 40 (0.156863)
      max: 245 (0.960784)
      mean: 124.973 (0.490091)
      standard deviation: 61.139 (0.239761)
      kurtosis: -1.32326
      skewness: 0.222376
      entropy: 0.330503
    Blue:
      min: 113 (0.443137)
      max: 244 (0.956863)
      mean: 170.131 (0.667179)
      standard deviation: 53.7786 (0.210897)
      kurtosis: -1.86628
      skewness: 0.233095
      entropy: 0.346704
    Alpha:
      min: 0 (0)
      max: 255 (1)
      mean: 197.075 (0.772845)
      standard deviation: 106.443 (0.417423)
      kurtosis: -0.298155
      skewness: 1.3014
      entropy: 0.157855
  Image statistics:
    Overall:
      min: 0 (0)
      max: 255 (1)
      mean: 115.988 (0.454854)
      standard deviation: 84.8383 (0.332699)
      kurtosis: -0.730342
      skewness: 0.117783
      entropy: 0.295691
  Alpha: srgba(76,105,113,0)   #4C697100
  Colors: 94
  Histogram:
       660: (  1, 40,117,255) #012875 srgba(1,40,117,1)
         8: (  1, 58,131,255) #013A83 srgba(1,58,131,1)
         4: (  1, 66,138,255) #01428A srgba(1,66,138,1)
         6: (  1, 75,145,255) #014B91 srgba(1,75,145,1)
         2: (  1, 84,152,255) #015498 srgba(1,84,152,1)
         4: (  1, 93,159,255) #015D9F srgba(1,93,159,1)
         3: (  1,102,166,255) #0166A6 srgba(1,102,166,1)
         6: (  1,111,173,255) #016FAD srgba(1,111,173,1)
         4: (  1,119,180,255) #0177B4 srgba(1,119,180,1)
         4: (  1,128,187,255) #0180BB srgba(1,128,187,1)
         1: (  1,137,194,255) #0189C2 srgba(1,137,194,1)
        20: (  1,146,201,255) #0192C9 srgba(1,146,201,1)
         5: (  1,155,208,255) #019BD0 srgba(1,155,208,1)
         3: (  1,163,215,255) #01A3D7 srgba(1,163,215,1)
         5: (  1,172,222,255) #01ACDE srgba(1,172,222,1)
     59271: (  1,181,229,255) #01B5E5 srgba(1,181,229,1)
        91: (  1,181,229,143) #01B5E58F srgba(1,181,229,0.560784)
        80: (  1,181,229,224) #01B5E5E0 srgba(1,181,229,0.878431)
        79: (  1,181,229,  1) #01B5E501 srgba(1,181,229,0.00392157)
        66: (  1,181,229, 64) #01B5E540 srgba(1,181,229,0.25098)
        61: (  1,181,229, 16) #01B5E510 srgba(1,181,229,0.0627451)
        54: (  1,181,229, 36) #01B5E524 srgba(1,181,229,0.141176)
        50: (  1,181,229, 99) #01B5E563 srgba(1,181,229,0.388235)
        46: (  1,181,229,168) #01B5E5A8 srgba(1,181,229,0.658824)
        46: (  1,181,229,  9) #01B5E509 srgba(1,181,229,0.0352941)
        45: (  1,181,229,  4) #01B5E504 srgba(1,181,229,0.0156863)
        39: (  1,181,229,195) #01B5E5C3 srgba(1,181,229,0.764706)
        32: (  1,181,229, 25) #01B5E519 srgba(1,181,229,0.0980392)
        30: (  1,181,229,120) #01B5E578 srgba(1,181,229,0.470588)
        29: (  1,181,229, 80) #01B5E550 srgba(1,181,229,0.313725)
        29: (  1,181,229, 49) #01B5E531 srgba(1,181,229,0.192157)
         4: ( 15, 41,118,255) #0F2976 srgba(15,41,118,1)
        64: ( 16,185,230,255) #10B9E6 srgba(16,185,230,1)
         4: ( 30, 42,119,255) #1E2A77 srgba(30,42,119,1)
        40: ( 32,189,231,255) #20BDE7 srgba(32,189,231,1)
         3: ( 44, 43,119,255) #2C2B77 srgba(44,43,119,1)
        46: ( 47,193,232,255) #2FC1E8 srgba(47,193,232,1)
         7: ( 59, 44,120,255) #3B2C78 srgba(59,44,120,1)
       281: ( 62,197,233,255) #3EC5E9 srgba(62,197,233,1)
         3: ( 73, 45,121,255) #492D79 srgba(73,45,121,1)
     35876: ( 76,105,113,  0) #4C697100 srgba(76,105,113,0)
        29: ( 77,201,234,255) #4DC9EA srgba(77,201,234,1)
         1: ( 88, 46,122,255) #582E7A srgba(88,46,122,1)
        39: ( 93,205,235,255) #5DCDEB srgba(93,205,235,1)
         5: (102, 47,123,255) #662F7B srgba(102,47,123,1)
        24: (108,209,236,255) #6CD1EC srgba(108,209,236,1)
        18: (117, 48,124,255) #75307C srgba(117,48,124,1)
       267: (123,213,237,255) #7BD5ED srgba(123,213,237,1)
         3: (131, 49,124,255) #83317C srgba(131,49,124,1)
        27: (138,217,237,255) #8AD9ED srgba(138,217,237,1)
         2: (145, 50,125,255) #91327D srgba(145,50,125,1)
        28: (154,221,238,255) #9ADDEE srgba(154,221,238,1)
         4: (160, 51,126,255) #A0337E srgba(160,51,126,1)
        16: (169,225,239,255) #A9E1EF srgba(169,225,239,1)
        16: (174, 52,127,255) #AE347F srgba(174,52,127,1)
       202: (184,229,240,255) #B8E5F0 srgba(184,229,240,1)
        41: (199,233,241,255) #C7E9F1 srgba(199,233,241,1)
         2: (203, 54,128,255) #CB3680 srgba(203,54,128,1)
        43: (215,237,242,255) #D7EDF2 srgba(215,237,242,1)
         2: (216, 55,129,195) #D83781C3 srgba(216,55,129,0.764706)
         3: (218, 55,129,255) #DA3781 srgba(218,55,129,1)
        49: (230,241,243,255) #E6F1F3 srgba(230,241,243,1)
     53788: (232, 56,130,255) #E83882 srgba(232,56,130,1)
        77: (232, 56,130, 99) #E8388263 srgba(232,56,130,0.388235)
        72: (232, 56,130, 16) #E8388210 srgba(232,56,130,0.0627451)
        71: (232, 56,130,143) #E838828F srgba(232,56,130,0.560784)
        69: (232, 56,130,224) #E83882E0 srgba(232,56,130,0.878431)
        65: (232, 56,130, 64) #E8388240 srgba(232,56,130,0.25098)
        62: (232, 56,130,195) #E83882C3 srgba(232,56,130,0.764706)
        52: (232, 56,130, 36) #E8388224 srgba(232,56,130,0.141176)
        52: (232, 56,130,  4) #E8388204 srgba(232,56,130,0.0156863)
        52: (232, 56,130,  1) #E8388201 srgba(232,56,130,0.00392157)
        46: (232, 56,130,  9) #E8388209 srgba(232,56,130,0.0352941)
        34: (232, 56,130, 80) #E8388250 srgba(232,56,130,0.313725)
        33: (232, 56,130,168) #E83882A8 srgba(232,56,130,0.658824)
        27: (232, 56,130, 25) #E8388219 srgba(232,56,130,0.0980392)
        26: (232, 56,130,120) #E8388278 srgba(232,56,130,0.470588)
        22: (232, 56,130, 49) #E8388231 srgba(232,56,130,0.192157)
        57: (233, 68,137,255) #E94489 srgba(233,68,137,1)
        34: (234, 80,144,255) #EA5090 srgba(234,80,144,1)
        62: (234, 91,151,255) #EA5B97 srgba(234,91,151,1)
       402: (235,103,159,255) #EB679F srgba(235,103,159,1)
        51: (236,115,166,255) #EC73A6 srgba(236,115,166,1)
        35: (237,127,173,255) #ED7FAD srgba(237,127,173,1)
        34: (238,139,180,255) #EE8BB4 srgba(238,139,180,1)
        43: (239,151,187,255) #EF97BB srgba(239,151,187,1)
        44: (239,162,194,255) #EFA2C2 srgba(239,162,194,1)
        56: (240,174,201,255) #F0AEC9 srgba(240,174,201,1)
        38: (241,186,208,255) #F1BAD0 srgba(241,186,208,1)
        58: (242,198,216,255) #F2C6D8 srgba(242,198,216,1)
        41: (243,210,223,255) #F3D2DF srgba(243,210,223,1)
        53: (243,221,230,255) #F3DDE6 srgba(243,221,230,1)
        71: (244,233,237,255) #F4E9ED srgba(244,233,237,1)
      8841: (245,245,244,255) #F5F5F4 srgba(245,245,244,1)
  Rendering intent: Perceptual
  Gamma: 0.45455
  Chromaticity:
    red primary: (0.64,0.33)
    green primary: (0.3,0.6)
    blue primary: (0.15,0.06)
    white point: (0.3127,0.329)
  Background color: white
  Border color: srgba(223,223,223,1)
  Matte color: grey74
  Transparent color: none
  Interlace: None
  Intensity: Undefined
  Compose: Over
  Page geometry: 560x290+0+0
  Dispose: Undefined
  Iterations: 0
  Compression: Zip
  Orientation: Undefined
  Properties:
    date:create: 2015-03-19T10:05:06+00:00
    date:modify: 2015-03-19T10:05:06+00:00
    png:cHRM: chunk was found (see Chromaticity, above)
    png:gAMA: gamma=0.45455 (See Gamma, above)
    png:IHDR.bit-depth-orig: 8
    png:IHDR.bit_depth: 8
    png:IHDR.color-type-orig: 3
    png:IHDR.color_type: 3 (Indexed)
    png:IHDR.interlace_method: 0 (Not interlaced)
    png:IHDR.width,height: 560, 290
    png:PLTE.number_colors: 94
    png:sRGB: intent=0 (Perceptual Intent)
    png:tRNS: chunk was found
    signature: 91476421108f784ce82d392aa2e58bc6c8c5991cf6466f5db98809cc16f0f2ca
  Artifacts:
    filename: gulp.png
    verbose: true
  Tainted: False
  Filesize: 6.63KB
  Number pixels: 162K
  Pixels per second: 0B
  User time: 0.000u
  Elapsed time: 0:01.000
  Version: ImageMagick 6.9.0-10 Q16 x86_64 2015-03-10 http://www.imagemagick.org

tin.txt

Image: tin.png
  Format: PNG (Portable Network Graphics)
  Mime type: image/png
  Class: DirectClass
  Geometry: 560x290+0+0
  Units: Undefined
  Type: PaletteAlpha
  Endianess: Undefined
  Colorspace: sRGB
  Depth: 8-bit
  Channel depth:
    red: 8-bit
    green: 8-bit
    blue: 8-bit
    alpha: 8-bit
  Channel statistics:
    Pixels: 162400
    Red:
      min: 0 (0)
      max: 245 (0.960784)
      mean: 94.0738 (0.368917)
      standard deviation: 113.927 (0.446772)
      kurtosis: -1.82471
      skewness: 0.407541
      entropy: 0.400756
    Green:
      min: 0 (0)
      max: 245 (0.960784)
      mean: 101.679 (0.398739)
      standard deviation: 81.0101 (0.317687)
      kurtosis: -1.50733
      skewness: 0.171586
      entropy: 0.386438
    Blue:
      min: 0 (0)
      max: 244 (0.956863)
      mean: 145.019 (0.568702)
      standard deviation: 89.1803 (0.349727)
      kurtosis: -1.06731
      skewness: -0.563292
      entropy: 0.389441
    Alpha:
      min: 0 (0)
      max: 255 (1)
      mean: 197.073 (0.772837)
      standard deviation: 106.446 (0.417434)
      kurtosis: -0.298278
      skewness: 1.30136
      entropy: 0.179828
  Image statistics:
    Overall:
      min: 0 (0)
      max: 255 (1)
      mean: 99.6745 (0.39088)
      standard deviation: 98.5213 (0.386358)
      kurtosis: -1.37999
      skewness: 0.35773
      entropy: 0.339116
  Alpha: none   #00000000
  Colors: 53
  Histogram:
     36007: (  0,  0,  0,  0) #00000000 none
       664: (  1, 40,117,255) #012875 srgba(1,40,117,1)
        12: (  1, 60,133,255) #013C85 srgba(1,60,133,1)
        12: (  1, 82,151,255) #015297 srgba(1,82,151,1)
        17: (  1,115,177,255) #0173B1 srgba(1,115,177,1)
        29: (  1,149,204,255) #0195CC srgba(1,149,204,1)
     59276: (  1,181,229,255) #01B5E5 srgba(1,181,229,1)
        95: (  1,181,229, 69) #01B5E545 srgba(1,181,229,0.270588)
        93: (  1,181,229, 19) #01B5E513 srgba(1,181,229,0.0745098)
        91: (  1,181,229,143) #01B5E58F srgba(1,181,229,0.560784)
        83: (  1,181,229, 40) #01B5E528 srgba(1,181,229,0.156863)
        80: (  1,181,229,224) #01B5E5E0 srgba(1,181,229,0.878431)
        50: (  1,181,229, 99) #01B5E563 srgba(1,181,229,0.388235)
        46: (  1,181,229,168) #01B5E5A8 srgba(1,181,229,0.658824)
        39: (  1,181,229,195) #01B5E5C3 srgba(1,181,229,0.764706)
        30: (  1,181,229,120) #01B5E578 srgba(1,181,229,0.470588)
        64: ( 16,185,230,255) #10B9E6 srgba(16,185,230,1)
         7: ( 36, 42,119,255) #242A77 srgba(36,42,119,1)
        86: ( 40,191,232,255) #28BFE8 srgba(40,191,232,1)
       281: ( 62,197,233,255) #3EC5E9 srgba(62,197,233,1)
        11: ( 65, 44,120,255) #412C78 srgba(65,44,120,1)
        68: ( 86,204,235,255) #56CCEB srgba(86,204,235,1)
        24: (108,209,236,255) #6CD1EC srgba(108,209,236,1)
        28: (118, 48,124,255) #76307C srgba(118,48,124,1)
       267: (123,213,237,255) #7BD5ED srgba(123,213,237,1)
       189: (133,121,180,  6) #8579B406 srgba(133,121,180,0.0235294)
        55: (146,219,238,255) #92DBEE srgba(146,219,238,1)
        22: (174, 52,127,255) #AE347F srgba(174,52,127,1)
       218: (183,229,240,255) #B7E5F0 srgba(183,229,240,1)
        84: (208,235,242,255) #D0EBF2 srgba(208,235,242,1)
        49: (230,241,243,255) #E6F1F3 srgba(230,241,243,1)
     53791: (232, 56,130,255) #E83882 srgba(232,56,130,1)
       103: (232, 56,130,104) #E8388268 srgba(232,56,130,0.407843)
        99: (232, 56,130, 18) #E8388212 srgba(232,56,130,0.0705882)
        87: (232, 56,130, 60) #E838823C srgba(232,56,130,0.235294)
        71: (232, 56,130,143) #E838828F srgba(232,56,130,0.560784)
        69: (232, 56,130,224) #E83882E0 srgba(232,56,130,0.878431)
        64: (232, 56,130,195) #E83882C3 srgba(232,56,130,0.764706)
        52: (232, 56,130, 36) #E8388224 srgba(232,56,130,0.141176)
        34: (232, 56,130, 80) #E8388250 srgba(232,56,130,0.313725)
        33: (232, 56,130,168) #E83882A8 srgba(232,56,130,0.658824)
        91: (234, 72,140,255) #EA488C srgba(234,72,140,1)
        62: (234, 91,151,255) #EA5B97 srgba(234,91,151,1)
       402: (235,103,159,255) #EB679F srgba(235,103,159,1)
        51: (236,115,166,255) #EC73A6 srgba(236,115,166,1)
        35: (237,127,173,255) #ED7FAD srgba(237,127,173,1)
        77: (239,146,184,255) #EF92B8 srgba(239,146,184,1)
        44: (239,162,194,255) #EFA2C2 srgba(239,162,194,1)
        56: (240,174,201,255) #F0AEC9 srgba(240,174,201,1)
        96: (242,194,213,255) #F2C2D5 srgba(242,194,213,1)
        94: (243,217,227,255) #F3D9E3 srgba(243,217,227,1)
        71: (244,233,237,255) #F4E9ED srgba(244,233,237,1)
      8841: (245,245,244,255) #F5F5F4 srgba(245,245,244,1)
  Rendering intent: Perceptual
  Gamma: 0.454545
  Chromaticity:
    red primary: (0.64,0.33)
    green primary: (0.3,0.6)
    blue primary: (0.15,0.06)
    white point: (0.3127,0.329)
  Background color: white
  Border color: srgba(223,223,223,1)
  Matte color: grey74
  Transparent color: none
  Interlace: None
  Intensity: Undefined
  Compose: Over
  Page geometry: 560x290+0+0
  Dispose: Undefined
  Iterations: 0
  Compression: Zip
  Orientation: Undefined
  Properties:
    date:create: 2015-03-19T10:04:55+00:00
    date:modify: 2015-03-19T10:04:55+00:00
    png:IHDR.bit-depth-orig: 8
    png:IHDR.bit_depth: 8
    png:IHDR.color-type-orig: 3
    png:IHDR.color_type: 3 (Indexed)
    png:IHDR.interlace_method: 0 (Not interlaced)
    png:IHDR.width,height: 560, 290
    png:PLTE.number_colors: 53
    png:sRGB: intent=0 (Perceptual Intent)
    png:tRNS: chunk was found
    signature: f7e69fb1d6be1bde229a91d820f0f42330b923a37e28f0fccb181fdd6485c81c
  Artifacts:
    filename: tin.png
    verbose: true
  Tainted: False
  Filesize: 5.59KB
  Number pixels: 162K
  Pixels per second: 0B
  User time: 0.000u
  Elapsed time: 0:01.000
  Version: ImageMagick 6.9.0-10 Q16 x86_64 2015-03-10 http://www.imagemagick.org

com.txt

Image: com.png
  Format: PNG (Portable Network Graphics)
  Mime type: image/png
  Class: DirectClass
  Geometry: 560x290+0+0
  Units: Undefined
  Type: PaletteAlpha
  Endianess: Undefined
  Colorspace: sRGB
  Depth: 8-bit
  Channel depth:
    red: 8-bit
    green: 8-bit
    blue: 8-bit
    alpha: 8-bit
  Channel statistics:
    Pixels: 162400
    Red:
      min: 1 (0.00392157)
      max: 245 (0.960784)
      mean: 110.909 (0.434937)
      standard deviation: 104.021 (0.407927)
      kurtosis: -1.74831
      skewness: 0.209362
      entropy: 0.377289
    Green:
      min: 40 (0.156863)
      max: 245 (0.960784)
      mean: 124.952 (0.490008)
      standard deviation: 61.1171 (0.239675)
      kurtosis: -1.32134
      skewness: 0.22372
      entropy: 0.367959
    Blue:
      min: 113 (0.443137)
      max: 244 (0.956863)
      mean: 170.07 (0.66694)
      standard deviation: 53.7829 (0.210913)
      kurtosis: -1.86532
      skewness: 0.235003
      entropy: 0.37823
    Alpha:
      min: 0 (0)
      max: 255 (1)
      mean: 197.074 (0.772839)
      standard deviation: 106.445 (0.417433)
      kurtosis: -0.298201
      skewness: 1.30139
      entropy: 0.169804
  Image statistics:
    Overall:
      min: 0 (0)
      max: 255 (1)
      mean: 115.964 (0.454761)
      standard deviation: 84.8218 (0.332635)
      kurtosis: -0.729488
      skewness: 0.118667
      entropy: 0.32332
  Alpha: srgba(76,105,113,0)   #4C697100
  Colors: 66
  Histogram:
       664: (  1, 40,117,255) #012875 srgba(1,40,117,1)
        12: (  1, 60,133,255) #013C85 srgba(1,60,133,1)
        12: (  1, 82,151,255) #015297 srgba(1,82,151,1)
        17: (  1,115,177,255) #0173B1 srgba(1,115,177,1)
        29: (  1,149,204,255) #0195CC srgba(1,149,204,1)
     59276: (  1,181,229,255) #01B5E5 srgba(1,181,229,1)
        91: (  1,181,229,143) #01B5E58F srgba(1,181,229,0.560784)
        91: (  1,181,229,  6) #01B5E506 srgba(1,181,229,0.0235294)
        86: (  1,181,229, 32) #01B5E520 srgba(1,181,229,0.12549)
        80: (  1,181,229,224) #01B5E5E0 srgba(1,181,229,0.878431)
        66: (  1,181,229, 64) #01B5E540 srgba(1,181,229,0.25098)
        61: (  1,181,229, 16) #01B5E510 srgba(1,181,229,0.0627451)
        50: (  1,181,229, 99) #01B5E563 srgba(1,181,229,0.388235)
        46: (  1,181,229,168) #01B5E5A8 srgba(1,181,229,0.658824)
        39: (  1,181,229,195) #01B5E5C3 srgba(1,181,229,0.764706)
        30: (  1,181,229,120) #01B5E578 srgba(1,181,229,0.470588)
        29: (  1,181,229, 49) #01B5E531 srgba(1,181,229,0.192157)
        29: (  1,181,229, 80) #01B5E550 srgba(1,181,229,0.313725)
        64: ( 16,185,230,255) #10B9E6 srgba(16,185,230,1)
        40: ( 32,189,231,255) #20BDE7 srgba(32,189,231,1)
        46: ( 47,193,232,255) #2FC1E8 srgba(47,193,232,1)
        17: ( 52, 43,120,255) #342B78 srgba(52,43,120,1)
       281: ( 62,197,233,255) #3EC5E9 srgba(62,197,233,1)
     36007: ( 76,105,113,  0) #4C697100 srgba(76,105,113,0)
        29: ( 77,201,234,255) #4DC9EA srgba(77,201,234,1)
        39: ( 93,205,235,255) #5DCDEB srgba(93,205,235,1)
        24: (108,209,236,255) #6CD1EC srgba(108,209,236,1)
        27: (115, 48,124,255) #73307C srgba(115,48,124,1)
       267: (123,213,237,255) #7BD5ED srgba(123,213,237,1)
        27: (138,217,237,255) #8AD9ED srgba(138,217,237,1)
        44: (160,223,239,255) #A0DFEF srgba(160,223,239,1)
        22: (169, 51,127,255) #A9337F srgba(169,51,127,1)
       202: (184,229,240,255) #B8E5F0 srgba(184,229,240,1)
        41: (199,233,241,255) #C7E9F1 srgba(199,233,241,1)
         5: (212, 54,129,255) #D43681 srgba(212,54,129,1)
        43: (215,237,242,255) #D7EDF2 srgba(215,237,242,1)
         2: (216, 55,129,195) #D83781C3 srgba(216,55,129,0.764706)
        49: (230,241,243,255) #E6F1F3 srgba(230,241,243,1)
     53788: (232, 56,130,255) #E83882 srgba(232,56,130,1)
        99: (232, 56,130, 18) #E8388212 srgba(232,56,130,0.0705882)
        98: (232, 56,130,  6) #E8388206 srgba(232,56,130,0.0235294)
        77: (232, 56,130, 99) #E8388263 srgba(232,56,130,0.388235)
        71: (232, 56,130,143) #E838828F srgba(232,56,130,0.560784)
        69: (232, 56,130,224) #E83882E0 srgba(232,56,130,0.878431)
        65: (232, 56,130, 64) #E8388240 srgba(232,56,130,0.25098)
        62: (232, 56,130,195) #E83882C3 srgba(232,56,130,0.764706)
        52: (232, 56,130, 36) #E8388224 srgba(232,56,130,0.141176)
        34: (232, 56,130, 80) #E8388250 srgba(232,56,130,0.313725)
        33: (232, 56,130,168) #E83882A8 srgba(232,56,130,0.658824)
        26: (232, 56,130,120) #E8388278 srgba(232,56,130,0.470588)
        22: (232, 56,130, 49) #E8388231 srgba(232,56,130,0.192157)
        57: (233, 68,137,255) #E94489 srgba(233,68,137,1)
        34: (234, 80,144,255) #EA5090 srgba(234,80,144,1)
        62: (234, 91,151,255) #EA5B97 srgba(234,91,151,1)
       402: (235,103,159,255) #EB679F srgba(235,103,159,1)
        51: (236,115,166,255) #EC73A6 srgba(236,115,166,1)
        69: (238,133,177,255) #EE85B1 srgba(238,133,177,1)
        43: (239,151,187,255) #EF97BB srgba(239,151,187,1)
        44: (239,162,194,255) #EFA2C2 srgba(239,162,194,1)
        56: (240,174,201,255) #F0AEC9 srgba(240,174,201,1)
        38: (241,186,208,255) #F1BAD0 srgba(241,186,208,1)
        58: (242,198,216,255) #F2C6D8 srgba(242,198,216,1)
        41: (243,210,223,255) #F3D2DF srgba(243,210,223,1)
        53: (243,221,230,255) #F3DDE6 srgba(243,221,230,1)
        71: (244,233,237,255) #F4E9ED srgba(244,233,237,1)
      8841: (245,245,244,255) #F5F5F4 srgba(245,245,244,1)
  Rendering intent: Perceptual
  Gamma: 0.454545
  Chromaticity:
    red primary: (0.64,0.33)
    green primary: (0.3,0.6)
    blue primary: (0.15,0.06)
    white point: (0.3127,0.329)
  Background color: white
  Border color: srgba(223,223,223,1)
  Matte color: grey74
  Transparent color: none
  Interlace: None
  Intensity: Undefined
  Compose: Over
  Page geometry: 560x290+0+0
  Dispose: Undefined
  Iterations: 0
  Compression: Zip
  Orientation: Undefined
  Properties:
    date:create: 2015-03-19T10:04:45+00:00
    date:modify: 2015-03-19T10:04:45+00:00
    png:IHDR.bit-depth-orig: 8
    png:IHDR.bit_depth: 8
    png:IHDR.color-type-orig: 3
    png:IHDR.color_type: 3 (Indexed)
    png:IHDR.interlace_method: 0 (Not interlaced)
    png:IHDR.width,height: 560, 290
    png:PLTE.number_colors: 66
    png:sRGB: intent=0 (Perceptual Intent)
    png:tRNS: chunk was found
    signature: 4fe0f71265e48080cff87d20e1ddb116af764c8429df9e1ef2b1460aeaf6b6a6
  Artifacts:
    filename: com.png
    verbose: true
  Tainted: False
  Filesize: 5.41KB
  Number pixels: 162K
  Pixels per second: 0B
  User time: 0.000u
  Elapsed time: 0:01.000
  Version: ImageMagick 6.9.0-10 Q16 x86_64 2015-03-10 http://www.imagemagick.org
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)

改进PNG优化Gulp任务 的相关文章

  • 找到两个移动物体的更好交点

    我想极大地优化我的算法之一 我将尽力以最好的方式解释它 主题 我们当时处于二维欧几里德系统中t 0 在这个系统中有两个对象 O1 and O2 O1 and O2分别位于点PA and PC O1移动于常数和已知点方向的速度PB 当物体到达
  • 电子应用程序的实时重新加载

    我想使用 VScode Gulp Electron 的组合来构建一个应用程序 开发工作流程的一个不错的功能是向我的 Gulp 监视任务添加实时重新加载任务 以便在每次更改时重新加载 Electron 应用程序 任何想法如何实现这一目标 非常
  • http压缩和url压缩有什么区别?

    查看 Web config 中的节点 我发现它允许 httpCompression 和 urlCompression 元素 两者有什么区别 我只想执行标准 gzip 我应该使用哪一个 url压缩指定what压缩和http压缩表示how进行压
  • IIS 7.5 ASP.NET-4 Gzip 压缩

    我似乎无法为我的 ASP NET 4 应用程序启用 GZIP 压缩 似乎只有 javascript 文件被压缩 页面 CSS 和其他内容不会被压缩 未压缩的CSS文件的响应头是 Content Type text css Last Modi
  • 无法使用include_graphics在Rmarkdown中插入png(错误:文件不是PNG格式)

    这个错误很奇怪 当我编织文档时 出现以下错误 Quitting from lines 42 43 sigminer doc Rmd Error in png readPNG path native TRUE info TRUE file i
  • 使用多个模块时优化 Flex

    我有一个 Flex 应用程序 加载时间非常重要 消费者网站 我希望能够在屏幕上显示一些内容 然后允许根据需要加载其他模块 我面临的问题是所有模块的总和比我将所有组件包含在单个 swf 文件中要大得多 原因很明显 例如 访问 Web 服务所需
  • Scipy 最小化 fmin - 语法问题

    我有一个函数 它接受多个参数 一个数组和两个浮点数 并返回一个标量 浮点数 现在我想通过改变两个参数来最小化这个函数 两个浮点数 该数组在函数内部 解包 然后使用其内容 数组和浮点数 如何使用 SciPy 的 fmin 函数来完成此操作 我
  • 使用 .NET 将两个 PNG 图像合并为一张图像

    我有两个 其实很多 PNG http en wikipedia org wiki Portable Network Graphics png 我的应用程序中的图像 两者都有透明区域 我想在我的应用程序中拍摄两个图像 将它们组合起来 并将结果
  • 从 XML 构建树结构的速度很慢

    我正在将 XML 文档解析为我自己的结构 但对于大型输入来说构建它非常慢 是否有更好的方法来做到这一点 public static DomTree
  • 什么是悲观主义?

    该问题有评论可以使用C 11的吗auto提高性能 https stackoverflow com questions 32510183 can the use of c11s auto improve performance这获得了很多选票
  • 有没有等效的 gulp 插件来执行“grunt Bower”?

    With grunt 我可以使用命令grunt bower 由 提供grunt bower requirejs https github com ck86 gulp bower files 自动生成RequireJS我本地的配置文件bowe
  • 使用 lpSolve 优化 R 团队名单

    我是 R 新手 有一个想要解决的特定幻想运动队优化问题 我见过其他帖子使用 lpSolve 来解决类似的问题 但我似乎无法理解代码 下面的示例数据表 每个球员都在一个球队中 扮演着特定的角色 有薪水 并且每场比赛都有平均得分 我需要的限制是
  • 优化正则表达式来解析中文拼音[关闭]

    这个问题不太可能对任何未来的访客有帮助 它只与一个较小的地理区域 一个特定的时间点或一个非常狭窄的情况相关 通常不适用于全世界的互联网受众 为了帮助使这个问题更广泛地适用 访问帮助中心 help reopen questions 我有一个有
  • Gulp 错误:找不到模块“jshint/src/cli”

    因此 我重新安装了 El Capitan 并再次尝试这些任务运行程序 我正在跟进sitepoint 的 Gulp js 简介 http www sitepoint com introduction gulp js 但当我尝试运行时 我陷入了
  • 缩小 ASP.NET 生成的 Javascript 的最佳方法是什么?

    在 ASP NET 3 5 运行时缩小 ASP NET 生成的 Javascript 例如由 webresource axd 提供的 Javascript 的最佳方法是什么 我尝试使用Mb压缩 http mbcompression code
  • 确定向量中是否存在元素的最有效方法

    我有几种算法取决于确定元素是否存在于向量中的效率 在我看来 这 in 这相当于is element 应该是最有效的 因为它只返回一个布尔值 在测试了几种方法之后 令我惊讶的是 这些方法是迄今为止效率最低的 以下是我的分析 随着向量大小的增加
  • 如何将当前源文件名添加到 gulp-header

    我缩小并连接供应商文件 最好将vendor min js 中的脚本与一些信息 如原始文件名 分开 我正在使用 gulp header 将标头添加到我的输出文件中 Minify vendor JS gulp task minify vendo
  • 十六进制字符串的运行长度编码(包括换行符)

    我正在使用以下方法实现游程长度编码GZipStreamC winforms 应用程序中的类 数据以一系列由换行符分隔的字符串形式提供 如下所示 FFFFFFFF FFFFFEFF FDFFFFFF 00FFFFFF 在压缩之前 我将字符串转
  • 在 gulp 中复制文件时可以删除文件夹结构吗?

    如果我使用 gulp src app client html pipe gulp dest dist 我的文件夹结构 html文件位于 维护于dist文件夹 但我想完全删除文件夹结构 只删除我的平面层次结构dist folder 你可以使用
  • 这个方法比 Math.random() 更快吗?

    我是一名初学者 目前已经开始开发一款使用粒子群优化算法的 Android 游戏 我现在正在尝试稍微优化我的代码 并且 for 循环中有相当多的 Math random 几乎一直在运行 所以我正在考虑一种方法来绕过并跳过所有 Math ran

随机推荐