2017-03-02 11 views
2

私はHTML5キャンバスから2つの画像を処理し、toDataUrl()を使用してbase64に書き出し、それらの画像ファイルを生成します。ピクセル数と解像度は同じですが、1つのイメージファイルのサイズは他のイメージファイルの3倍です。ここで 同じ解像度、同じピクセル数で1つは他の画像よりも3倍大きい画像

は、小サイズの画像(1メガバイト)です:

そして、ここでの大きなサイズ(3メガバイト)を有するものである:

あなたが見ることができるように、唯一の違いは、黒のドットでありますグリッド内で

ここでは、magickの冗長なイメージ出力があります。非点線のイメージに :

Image: pontoSem.jpg 
Format: JPEG (Joint Photographic Experts Group JFIF format) 
Mime type: image/jpeg 
Class: DirectClass 
Geometry: 1805x1520+0+0 
Resolution: 72x72 
Units: PixelsPerInch 
Type: TrueColor 
Endianess: Undefined 
Colorspace: sRGB 
Depth: 8-bit 
Channel depth: 
    red: 8-bit 
    green: 8-bit 
    blue: 8-bit 
Channel statistics: 
    Pixels: 2743600 
    Red: 
    min: 0 (0) 
    max: 255 (1) 
    mean: 239.227 (0.938144) 
    standard deviation: 50.1041 (0.196486) 
    kurtosis: 9.08055 
    skewness: -3.19968 
    Green: 
    min: 0 (0) 
    max: 255 (1) 
    mean: 241.654 (0.947662) 
    standard deviation: 44.0232 (0.17264) 
    kurtosis: 9.84544 
    skewness: -3.28708 
    Blue: 
    min: 0 (0) 
    max: 255 (1) 
    mean: 239.038 (0.937403) 
    standard deviation: 50.3878 (0.197599) 
    kurtosis: 8.93501 
    skewness: -3.18354 
Image statistics: 
    Overall: 
    min: 0 (0) 
    max: 255 (1) 
    mean: 239.973 (0.94107) 
    standard deviation: 48.2611 (0.189259) 
    kurtosis: 9.42491 
    skewness: -3.24166 
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: srgb(223,223,223) 
Matte color: grey74 
Transparent color: black 
Interlace: None 
Intensity: Undefined 
Compose: Over 
Page geometry: 1805x1520+0+0 
Dispose: Undefined 
Iterations: 0 
Compression: JPEG 
Quality: 100 
Orientation: Undefined 
Properties: 
    date:create: 2017-03-02T16:56:35-03:00 
    date:modify: 2017-03-02T16:52:35-03:00 
    jpeg:colorspace: 2 
    jpeg:sampling-factor: 2x2,1x1,1x1 
    signature: 23b092dd21773df0a63a3fffe8241f9916354e3d29638979d672e9cb91026c25 
Artifacts: 
    filename: pontoSem.jpg 
    verbose: true 
Tainted: False 
Filesize: 1.063MB 
Number pixels: 2.744M 
Pixels per second: 45.73MB 
User time: 0.040u 
Elapsed time: 0:01.060 
Version: ImageMagick 6.8.9-9 Q16 x86_64 2017-02-22 

そしてここでは、最大の画像(点線1)

Image: pontoCom.jpg 
Format: JPEG (Joint Photographic Experts Group JFIF format) 
Mime type: image/jpeg 
Class: DirectClass 
Geometry: 1805x1520+0+0 
Resolution: 72x72 
Print size: 25.0694x21.1111 
Units: PixelsPerInch 
Type: TrueColor 
Endianess: Undefined 
Colorspace: sRGB 
Depth: 8-bit 
Channel depth: 
    red: 8-bit 
    green: 8-bit 
    blue: 8-bit 
Channel statistics: 
    Pixels: 2743600 
    Red: 
    min: 0 (0) 
    max: 255 (1) 
    mean: 239.227 (0.938144) 
    standard deviation: 50.1041 (0.196486) 
    kurtosis: 9.08055 
    skewness: -3.19968 
    Green: 
    min: 0 (0) 
    max: 255 (1) 
    mean: 241.654 (0.947662) 
    standard deviation: 44.0232 (0.17264) 
    kurtosis: 9.84544 
    skewness: -3.28708 
    Blue: 
    min: 0 (0) 
    max: 255 (1) 
    mean: 239.038 (0.937403) 
    standard deviation: 50.3878 (0.197599) 
    kurtosis: 8.93501 
    skewness: -3.18354 
Image statistics: 
    Overall: 
    min: 0 (0) 
    max: 255 (1) 
    mean: 239.973 (0.94107) 
    standard deviation: 48.2611 (0.189259) 
    kurtosis: 9.42491 
    skewness: -3.24166 
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: srgb(223,223,223) 
Matte color: grey74 
Transparent color: black 
Interlace: None 
Intensity: Undefined 
Compose: Over 
Page geometry: 1805x1520+0+0 
Dispose: Undefined 
Iterations: 0 
Compression: JPEG 
Quality: 100 
Orientation: Undefined 
Properties: 
    date:create: 2017-03-02T16:56:35-03:00 
    date:modify: 2017-03-02T16:52:35-03:00 
    jpeg:colorspace: 2 
    jpeg:sampling-factor: 2x2,1x1,1x1 
    signature: 23b092dd21773df0a63a3fffe8241f9916354e3d29638979d672e9cb91026c25 
Artifacts: 
    filename: pontoSem.jpg 
    verbose: true 
Tainted: False 
Filesize: 1.063MB 
Number pixels: 2.744M 
Pixels per second: 45.73MB 
User time: 0.040u 
Elapsed time: 0:01.060 
Version: ImageMagick 6.8.9-9 Q16 x86_64 2017-02-22 

に識別している私は、なぜ一部の黒点のアドオンがトリプル知っていただきたいと思いますファイルサイズは同じピクセル数とsape dpi解像度を持つため、ファイルサイズは同じです。 アドバイスありがとう:

答えて

1

Jpegフォーマットでは、生のビットマップイメージに対してイメージサイズを縮小するためにいくつかの巧妙なトリックを使用します。これらの技法は、表現されている特定の画像に応じて異なる成功率を有し、一般的には、互いに接近している画素間に鮮明な相違がない場合に良好に機能する。白い背景の黒い点はまさにそれを難し​​くする種類のものです。

第1の画像では、「この領域はすべて白である」と表現することができますが、2番目の画像では、黒画素が近くにある場合はどこでも、各画素の色について言及する必要があります。

1

圧縮のため、最初の画像の白い四角は、画像のディスクリプタがJPEG圧縮を使用しているため、2番目の画像よりもはるかに容易に圧縮されます。 表面領域の大部分はこのバックグラウンドを使用しているため、圧縮アルゴリズムの効率を損なうため、全体のサイズに簡単に影響を与えます。

関連する問題