インターネットお役立ち情報

【拡張子webpとは】jpg、pngへ変換する方法、画像サイズ圧縮まとめ

投稿日:

Pocket

【拡張子webpとは】jpg、pngへ変換する方法、画像サイズ圧縮まとめ

つなワタリ@捨て身の「プロ無謀家」(@27watariです。拡張子webp(ウェッピー)の画像をよく見かけるようになりました。そもそも「WEBP・WebP・webp(ウェッピー)」っことの説明、さらに簡単にjpg、pngに変換する方法をおとめました。 

 



 

こ ん な 人 に 読 ん で も ら い た い
こんな人に役立てばうれしいです
拡張子webp(ウェッピー)の画像が開けない人……ネットから落とした拡張子webp(ウェッピー)画像が開かないで困った人もいるのではないでしょうか。私も最初は「どうして???」と頭をひねってしまいました。今回の記事では拡張子webp(ウェッピー)の画像開き方中心に紹介します。

 

そもそも拡張子「WebP(ウェッピー)」の画像ファイルとは?

拡張子「WebP(ウェッピー)」とは、Googleが開発している画像フォーマットです。2010年に発表され、ここ最近(2020年あたり?)から急増している印象です。

ほとんどのブラウザも対応するようになったことが普及の後押しになっています。

決定打になったのが、2020年にAppleが「iOS14・macOS Big Sur」で対応することになったことでしょう。

これによって拡張子「WebP(ウェッピー)」の広がりは加速すると思われます。

また、オープンソースなので、利用しやすいアプリも新しく開発されるかもしれません。

 


拡張子「WebP(ウェッピー)」画像のメリットは?

拡張子「WebP(ウェッピー)」画像のメリットは、「JPG・PNG・GIFのメリット」を併せ持っている部分です。

 

その特徴は以下のとおりです。

 

<拡張子「WebP(ウェッピー)」画像の特徴>
・JPEGのように非可逆圧縮の画像フォーマット
・PNGのように背景の透過が可能
・GIFのようにアニメーションが作れる
・JPGより約25〜34%、PNGよりも約26%軽いデータとなる
※「WebP lossless images are 26% smaller in size compared to PNGs. WebP lossy images are 25-34% smaller than comparable JPEG images at equivalent SSIM quality index.(A new image format for the Web/Google公式)」
https://developers.google.com/speed/webp

 



 

 

拡張子「WebP(ウェッピー)」画像をPhotoshopで読み込む方法

拡張子「WebP(ウェッピー)」画像は、そのままPhotoshopで読み込むことができません。

しかしGoogle公式のPhotoshop用プラグインが配布されています。「GitHub」からダウンロードしてインストールすれば解決します。

こちらからダウンロードしてください。mac用とwin用の圧縮ファイル、ソースコードなど4種類のデータが配布されています。

 

 

【拡張子webpとは】jpg、pngへ変換する方法、画像サイズ圧縮まとめ
「WebPShop」
https://developers.google.com/speed/webp/docs/webpshop

 


mac用は「WebPShop.plugin」を、win用は「WebPShop.8bi」をPhotoshopの「Plug-ins」の中にコピーすればオッケーです。


私はmac用「WebPShop_0_3_2_Mac_x64.zip」をクリックし、下記のプラグインをダウンロードしました。

 

【拡張子webpとは】jpg、pngへ変換する方法、画像サイズ圧縮まとめ


【拡張子webpとは】jpg、pngへ変換する方法、画像サイズ圧縮まとめ

 

 

拡張子「WebP(ウェッピー)」画像の最大のメリットとは


先程、拡張子「WebP(ウェッピー)」画像のメリットを紹介しましたが、最大のメリットは「Webサイトのページ表示速度がアップする(PageSpeed Insightsのパフォーマンス向上)」ことです。

 


参考:PageSpeed Insights
https://developers.google.com/speed/pagespeed/insights/

 


どのくらい軽くなるか、再確認します。

 

WebPは、JPGより約25〜34%、PNGよりも約26%軽いデータとなる


要するに表示速度もそれだけ速くなるわけです。

 


だからこその拡張子「WebP(ウェッピー)」画像です。


とはいえ、画像をほとんど劣化させずに圧縮できる無料サービスもあります。

私のオススメはOptimizillaです。これを使うと、50%ほどサイズダウンしても、画質はほとんど変わりません。かなり利用価値が高いです。一度に20個ほどまとめて圧縮できるのも魅力です。


詳しくはこちらの記事をご覧になってください。

 

参考:【画像ファイルを軽くする】オンラインのWeb画像最適化ツール「Optimizilla」
https://27watari.com/blog-tripper-image-optimization-easy

 

 

さて、拡張子「WebP(ウェッピー)」画像についてだいtだいのことがわかったと思います。


続いて私がイチオシの拡張子「WebP(ウェッピー)」画像の変換サービスを紹介します。

 

 



 

 

WEBP変換ツール(WEBPコンバーター)の中で最強のコンバーターはどれ?


拡張子webp(ウェッピー)の画像を変換するサービスはいろいろありますが、私は「SYNCER」さんが提供している「WEBP変換ツール(WEBPコンバーター)」が最強だと思います。

 

その理由はいくつかあります。
・JPEGやPNGをWEBPに変換可能
・WEBPをPNGに変換可能
・SVGをPNG(同じページで切り替える)
・サーバーにアップロードされないので、プライバシー保護となる

 

つまりJPEGやPNGとWEBPの相互変換が可能なんです。これはなにげに便利です。ほとんどの無料サービスは、一方通行(WEBP→JPEGなど)が多いからです。

 


WEBP変換ツール(WEBPコンバーター)

JPEGやPNGをWEBPに、SVGをPNGに変換するウェブサービスです。提供している「SYNCER」さんは、知識と感動を同期するをコンセプトに他にも面白いツールを配布されています。

 

「SYNCER」さんが提供している「WEBP変換ツール(WEBPコンバーター)」が最強

「SYNCER WEBP変換ツール」 https://lab.syncer.jp/Tool/Webp-Converter/

 

 

 

画像サイズ圧縮プラグイン「EWWW Image Optimizer」がすごい


最後にWordPress利用者向けの画像サイズ圧縮プラグイン「EWWW Image Optimizer」を紹介します。

これです。

 


画像サイズ圧縮プラグイン「EWWW Image Optimizer」がすごい


「EWWW Image Optimizer」は、画像を劣化させることなく、アップ時に自動で画像サイズを圧縮してくれるプラグインです。


使用方法は簡単です。ポイントを紹介しておきます。

 

 

「EWWW Image Optimizer」の使い方と設定

「EWWW Image Optimizer」の使い方と設定を紹介します。文章だけですが、まったく難しくありません。

 

・インストール方法

「プラグイン→新規追加→EWWW Image Optimizerを検索→有効化」の流れです。

 

 

・設定の注意点

設定から「EWWW Image Optimizer」を選ぶ。項目はいろいろ出てきますが、「Basic(ベーシック)」と「Convert(変換)」だけを設定します。

 

 

・「Basic(ベーシック)」の設定

「Remove Metadata(メタデータを削除)」にチェックが入っていることを確認します。これにチェックが入っていると、画像のメタデータ(撮影場所、カメラ情報など)が削除されます。

あとはそのままで大丈夫です。

 

 

・「Convert(変換)」の設定

変換設定の一番上に表示されている、「コンバージョンリンクを非表示」にチェックを入れます。これは画像の拡張子が勝手に変換されるのを無効にします。あとはそのままで大丈夫です。

 

 

・アップロード済み画像の一括変換(一括最適化)

さらに!

すでにアップしている画像も一括で圧縮することができます。

方法は「メディア → 一括最適化→最適化されていない画像をスキャンする→(スキャン後に)最適化」を選ぶだけでオッケー。すでにアップロードされている画像を一括最適化してくれます。

 

いろいろな方法がありますね。ぜひ役立ててください。

 

では!

 

↓[ Googleセレクト 関連コンテンツ ]↓



wordpressやるなら
エックスサーバーがオススメ!

このサイトはスタート時より「wordpress × エックスサーバー」によって運営しております。他のサーバーとも契約をして別サイトを構築しておりますが、エックスサーバーの使い勝手がイチバンです。セキュリティ、サポートに満足しております。しかも低コストです。利用者が多いので情報がネットに多いことも助かります。

詳細は下記ボタンより

 

-インターネットお役立ち情報
-, , , ,

執筆者:


comment

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

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

関連記事

【マイクロソフトのダサいクリスマスセーター】今年は一般販売も!ファンなら即買い!

【マイクロソフトのダサいクリスマスセーター】今年は一般販売も!ファンなら即買い!

つなワタリ@捨て身の「プロ無謀家」(@27watari)です。2020年もマイクロソフトは「ダサいクリスマスセーター」をリリースしました。しかも今回は一般向けの販売も行っています。いままでもマイクロソ …

【無料ロゴ作成ツールHatchful】簡単!高品質オリジナルロゴ作成

【無料ロゴ作成ツールHatchful】簡単!高品質オリジナルロゴ作成

つなワタリ@捨て身の「プロ無謀家」(@27watari)です。無料ロゴ作成ツール「Logo Maker Hatchful」をご存じでしょうか。わずか数クリックでクオリティの高いオリジナルロゴが作成でき …

【Google特殊コマンド】「intitle」「allintitle」「site」をseo&サイト強化に活用しよう

【Google特殊コマンド】「intitle」「allintitle」「site」をseoに活用しよう

つなワタリ@捨て身の「プロ無謀家」(@27watari)です。Googleの特殊コマンドって活用していますか? 今回はサイト強化ために有効だとされている「intitle」「allintitle」「s …

ムカつく! 「あなたのApple IDのセキュリティ質問を再設定してください。」メールに注意

ムカつく! 「あなたのApple IDのセキュリティ質問を再設定してください。」メールに注意

魔が差すときがヤバイ! Apple ID質問メールは廃棄せよ! 「あなたの Apple ID のセキュリティ質問を再設定してください。」と言う件名のメールが何度も来ます。   これです。 す …

【YouTubeをmp3変換/2018年版イチオシサイト】ダウンロードは違法? 私的利用なら例外OK?

【YouTubeをmp3変換/2019年版イチオシサイト】ダウンロードは違法? 私的利用なら例外OK?

つなワタリ@捨て身の「プロ無謀家」(@27watari)です。YouTube動画の音楽をmp3変換でダウンロードされている方はどのくらいいるでしょう。私は私的に楽しむ形で、たまにダウンロードしています …

関連コンテンツ

サイト内検索はこちらから↓

サイト内検索はこちら

アマゾンセール

80%オフも! 日替わり! 売り切れ次第終了! 掘り出し物ザクザク! 最新Amazonセール情報 ↓

同カテゴリーの人気記事

「同カテゴリーの人気記事」はこちら ↓

「ブルボン最高党」結党! ルマンド、アルフォート、エリーゼ……国民的お菓子メーカー、ブルボン最高!

つなワタリです。どうぞよろしくお願いいたします。 


LINE友だち追加

肩書きは「エディトリアル・アーティスト」&捨て身の高熱量「プロ無謀家」。集めて、編んで、外に発信することが生業。文章、映像、写真、イベント、コミュニケーションなどを活用しながら編み、考えていることを掘り下げて伝えていきたいと思っています。また、自分に負荷を与えるのが好きな性質を利用して、「プロ無謀家」として獣道を切り開きたいと思っています。

サイトタイトルの『インテリジェンス・ライフ』は「intelligence for good life」の略。生きた情報(インフォメーションではなくインテリジェンス)を大切にしたいという願望からつけました。

>>>プロフィール詳細

>>>お問い合わせ

>>>What’s New

>>>ウィッシュ☆ネットワーク|相談・共有・情報交換掲示板

70代のLINEスタンプおじいちゃん Appleの2021年CM「Macの向こうから - 日本でつくる」出演者一覧 auブックパス Google トレンド IT用語辞典 e-Words IT用語辞典バイナリ LINEスタンプを作る SEOチェキ WWEのシナリオ Yahoo!知恵袋 “ サツマイモのコリアンダーソースがけ ” “ シュリンプの焼き串 ” “ ズッキーニとチキンのケバブ ” 「つなワタリ×LINEスタンプ」宣言 「リラックまん(チョコレート味)」 「リラックマ」をモチーフにした和菓子 お酒が飲めない、飲まない日本の有名人 ぬるぽ アクセスSEO対策ツールズ エックスサーバー(XSERVER)を装った詐欺メール オススメ有料&無料wordpressテーマ コピー防止は、さほど防止できない サイト状態を確認する無料の便利サイト サタン サブドメインとサブディレクトリ ネットショップ/セール情報 パワーランクチェックツール ビジネスホテル「ドーミーイン」 ポンポコラーメン マヌカハニー好きな有名人 ルッソ兄弟 七ヶ宿ダム湖カレー 大仏三姉妹 岩本三千代 愛知県西三河地方 有料wordpressテーマ 格安予約サイト『一休.com』 検索避け 楽天市場ダイヤモンドジュエリー「Ladia(ラディア)」 源流ポッチョン 無料漫画サービス 福田赳夫「天の声にも変な声がたまにはある」 超お得なティファニー風ダイヤモンドジュエリー 道の駅七ヶ宿 電脳マヴォ
2021年2月
1234567
891011121314
15161718192021
22232425262728
スポンサーリンク