WebPってなに?

Googleが開発した画像ファイルフォーマットで、WebP(ウェッピー)と読むらしい。
静止画とアニメーションの両方をサポート。

特徴

  1. JPEG、PNGに比べて高い圧縮率。
  2. ロスレス圧縮(画質を一切劣化させない圧縮)と有損圧縮(若干の画質劣化を伴う圧縮)の両方をサポート。
  3. 透過画像をサポート。
  4. アニメーション画像もサポート。GIFの代替として使用できる。

作り方

  1. Googleが提供するツールをダウンロード
    https://developers.google.com/speed/webp/download

  2. macOS: Homebrewを使ってbrew install webpコマンドでインストール

  3. 変換コマンド実行

     1
     2
     3
     4
     5
     6
     7
     8
     9
    10
    11
    12
    13
    14
    15
    
    $ cwebp tsumarika.jpg -o tsumarika.webp
    Saving file 'tsumarika.webp'
    File:      tsumarika.jpg
    Dimension: 960 x 960
    Output:    43002 bytes Y-U-V-All-PSNR 40.17 47.15 45.30   41.41 dB
            (0.37 bpp)
    block count:  intra4:       2088  (58.00%)
                intra16:      1512  (42.00%)
                skipped:       362  (10.06%)
    bytes used:  header:            172  (0.4%)
                mode-partition:   8103  (18.8%)
    Residuals bytes  |segment 1|segment 2|segment 3|segment 4|  total
        macroblocks:  |       2%|      11%|      14%|      74%|    3600
        quantizer:  |      36 |      36 |      31 |      23 |
    filter level:  |      11 |      15 |      20 |      25 |
    

    tsumarika.jpg(184KB) → tsumarika.webp(43KB) になった。

Hugo で構築されています。
テーマ StackJimmy によって設計されています。