DEV Community

Discussion on: The dev.to search engine is actually pretty damn useful

Collapse
 
masterinquestion profile image
MasterInQuestion • Edited

    Off-Topic:
    All images in the main post shall be better delivered without doing the on-demand resizing.
    Presumably for optimization, but actually counter-optimization...

    See also:
    https://github.com/MasterInQuestion/talk/discussions/35
 
 
    For such example... estimated ~ 80% size reduction potentially.
    (without apparent quality loss; or 60%+ losslessly)
[[

https://thepracticaldev.s3.amazonaws.com/i/4sd5yurtppfsy9k5amn6.png

> exiftool -U -ee3 -g3:5:2 -api "RequestAll=0" -api "ByteUnit=Binary" "4sd5yurtppfsy9k5amn6.png"
---- ExifTool ----
ExifTool Version Number         : 12.93
---- System:Other ----
File Name                       : 4sd5yurtppfsy9k5amn6.png
Directory                       : .
File Size                       : 353 KiB
File Permissions                : -rw-rw-rw-
---- System:Time ----
File Modification Date/Time     : 2017:11:22 18:08:25+00:00
File Access Date/Time           : 2017:11:22 18:08:25+00:00
File Inode Change Date/Time     : 2017:11:22 18:08:25+00:00
---- PNG:Other ----
File Type                       : PNG
File Type Extension             : png
MIME Type                       : image/png
---- PNG-ImageHeader:Image ----
Image Width                     : 1322
Image Height                    : 1286
Bit Depth                       : 8
Color Type                      : RGB with Alpha
Compression                     : Deflate/Inflate
Filter                          : Adaptive
Interlace                       : Noninterlaced
---- PNG-ICC_Profile:Image ----
Profile Name                    : ICC Profile
---- PNG-ICC_Profile-ICC_Profile-Header:Image ----
Profile CMM Type                : Apple Computer Inc.
Profile Version                 : 2.1.0
Profile Class                   : Display Device Profile
Color Space Data                : RGB
Profile Connection Space        : XYZ
Profile File Signature          : acsp
Primary Platform                : Apple Computer Inc.
CMM Flags                       : Not Embedded, Independent
Device Manufacturer             : Apple Computer Inc.
Device Model                    : 
Device Attributes               : Reflective, Glossy, Positive, Color
Rendering Intent                : Perceptual
Connection Space Illuminant     : 0.9642 1 0.82491
Profile Creator                 : Apple Computer Inc.
Profile ID                      : 0
---- PNG-ICC_Profile-ICC_Profile-Header:Time ----
Profile Date Time               : 2017:11:11 14:59:34
---- PNG-ICC_Profile-ICC_Profile:Image ----
Profile Description             : Display
Profile Description ML (hr-HR)  : LCD u boji
Profile Description ML (ko-KR)  : 컬러 LCD
Profile Description ML (nb-NO)  : Farge-LCD
Profile Description ML          : LCD Warna
Profile Description ML (hu-HU)  : Színes LCD
Profile Description ML (cs-CZ)  : Barevný LCD
Profile Description ML (da-DK)  : LCD-farveskærm
Profile Description ML (uk-UA)  : Кольоровий LCD
Profile Description ML          : ‏LCD ملونة
Profile Description ML (zh-TW)  : 彩色 LCD
Profile Description ML (ro-RO)  : LCD color
Profile Description ML (nl-NL)  : Kleuren-LCD
Profile Description ML (he-IL)  : ‏LCD צבעוני
Profile Description ML (es-ES)  : LCD color
Profile Description ML (fi-FI)  : Väri-LCD
Profile Description ML (it-IT)  : LCD colori
Profile Description ML (vi-VN)  : LCD Màu
Profile Description ML (sk-SK)  : Farebný LCD
Profile Description ML (zh-CN)  : 彩色 LCD
Profile Description ML (ru-RU)  : Цветной ЖК-дисплей
Profile Description ML          : Warna LCD
Profile Description ML (fr-FR)  : LCD couleur
Profile Description ML (hi-IN)  : रंगीन LCD
Profile Description ML (th-TH)  : LCD สี
Profile Description ML (ca-ES)  : LCD en color
Profile Description ML (es-XL)  : LCD color
Profile Description ML (de-DE)  : Farb-LCD
Profile Description ML          : Color LCD
Profile Description ML (pt-BR)  : LCD Colorido
Profile Description ML (pl-PL)  : Kolor LCD
Profile Description ML (el-GR)  : Έγχρωμη οθόνη LCD
Profile Description ML (sv-SE)  : Färg-LCD
Profile Description ML (tr-TR)  : Renkli LCD
Profile Description ML (ja-JP)  : カラーLCD
Profile Description ML (pt-PT)  : LCD a Cores
Profile Copyright               : Copyright Apple Inc., 2017
Media White Point               : 0.94066 1 1.09792
Red Matrix Column               : 0.50136 0.23477 -0.00108
Green Matrix Column             : 0.30548 0.70982 0.04257
Blue Matrix Column              : 0.15736 0.0554 0.7834
Red Tone Reproduction Curve     : (Binary data 2060 bytes, use -b option to extract)
ICC Profile Aarg                : (Binary data 32 bytes, use -b option to extract)
Video Card Gamma                : (Binary data 48 bytes, use -b option to extract)
Native Display Info             : (Binary data 62 bytes, use -b option to extract)
Chromatic Adaptation            : 1.0573 0.02785 -0.05299 0.03685 0.98546 -0.01831 -0.00934 0.01495 0.74573
Make And Model                  : (Binary data 40 bytes, use -b option to extract)
Blue Tone Reproduction Curve    : (Binary data 2060 bytes, use -b option to extract)
Green Tone Reproduction Curve   : (Binary data 2060 bytes, use -b option to extract)
ICC Profile Aabg                : (Binary data 32 bytes, use -b option to extract)
ICC Profile Aagg                : (Binary data 32 bytes, use -b option to extract)
---- PNG-PNG-pHYs:Image ----
Pixels Per Unit X               : 5669
Pixels Per Unit Y               : 5669
Pixel Units                     : meters
---- PNG-InternationalText-XMP:Document ----
XMP Toolkit                     : XMP Core 5.4.0
---- PNG-InternationalText-XMP:Image ----
Exif Image Width                : 1322
Exif Image Height               : 1286
---- PNG:Image ----
Apple Data Offsets              : (Binary data 28 bytes, use -b option to extract)
---- Composite:Image ----
Image Size                      : 1322x1286
Megapixels                      : 1.7
Enter fullscreen mode Exit fullscreen mode

]]

    High resolution doesn't necessarily mean big size.
    Properly processed, the media can be of both: small size + high fidelity.

    Tested `cwebp` 1.4.0:
    ~ 70.3% size reduction (out 107,302 B) losslessly.
    ~ 79.43% (out 74,340 B) with "-near_lossless 20".
    Further reduction (without impairing quality) still possible with more sensible denoise, instead of using "-near_lossless".
    [ ^ See also: https://github.com/MasterInQuestion/talk/discussions/22 ]