webp コマンド で 画像変換やリサイズ

公開日: : 最終更新日:2021/01/18 画像編集

webpとは

Googleが開発した画像形式。

非可逆圧縮で圧縮率が高い。つまり、ファイルサイズが軽い。

  • 非可逆…圧縮した後に、圧縮前の状態に戻せないこと

基本は非可逆だが、可逆圧縮も可能。

 

Webサイトに掲載するとサイトが軽くなる。

 

変換

手に入れた(または作成した画像)は変換したい場合がよくある。

  • pngやjpgからwebp画像に変換
  • webp画像のファイルサイズ(クオリティを下げて軽くする)を変更
  • webp画像の縦横幅を変更

 

変更方法はいくつかあるみたい。

 

Webサービス

  • squoosh (Google公式。リサイズしたりクオリティを変更)
  • Syncerさん(pngやjpgからwebp画像に変換)

 

コマンド

Google公式で用意されてる。

こちらからダウンロード可能

Windows、mac、Linuxに対応。

macの場合、

brew install webp

でインストールできる(homebrew導入済みの前提)。

 

.jpgを.webpに変換する

cwebp -q 75 -metadata icc -sharp_yuv -o output.webp input.jpg

-q はjpgのクオリティを指定する値。デフォルトが75らしいから省略してもいいのか?

 

.pngをwebpに変換する

cwebp -lossless -metadata icc -o output.webp input.png

 

出典。とても詳細でわかり易いです。

.webpファイルの大きさを変える

cwebp -resize 幅 高さ 元のファイル名 -o 出力先ファイル名.webp

cwebp -resize 640 0 example.webp -o example2.webp

この例のように、

幅や高さを0に指定した場合、アクセプト比が維持されたままリサイズされる。(この例では高さを0に指定している。)

 

cwebp -H

でヘルプが見れる。

Googleアドセンスレスポンシブ

関連記事

logo-maker-logo

アイキャッチ画像を作成するロゴメーカー無料は今のところ、ここ一択

  wordpress上でいろんな技術Tips書くときにわかりやすいアイキャッチ画像

記事を読む

logo-maker-logo

svg 編集できるWebサービス

リンク https://editor.method.ac/   svg保存の他に

記事を読む

数字と記号

Webブラウザだけでfavicon.ico作成

  1.基となる記号作成 こちら   2.マルチアイコン(複数のサイ

記事を読む

Googleアドセンスレスポンシブ

Message

メールアドレスが公開されることはありません。 * が付いている欄は必須項目です

このサイトはスパムを低減するために Akismet を使っています。コメントデータの処理方法の詳細はこちらをご覧ください

Googleアドセンスレスポンシブ

tux logo
CentOS、サポートやめるってよ。。。代わりになるディストリビューションは

  ポイント CentOS8のサポートが202

tux logo
yum でセキュリティに関するアップデートのみ指定するオプションは、–security

  使い所 仕事など、サーバには安定をひたすら求める

break-destroy
HDD物理破壊 方法いろいろ

ハードディスク処分する際に中のデータを消したい場合。 データ書き

Windows10で ipsec vpn 設定後に更に必要になる設定 [自分用メモ]

完全に自分用メモです。   VPNの設定 &nbs

webp コマンド で 画像変換やリサイズ

webpとは Googleが開発した画像形式。 非可逆圧縮で圧

→もっと見る

PAGE TOP ↑