つなワタリ@プロ無謀家 | 炎ジョイ!高熱量で創造的に生きる

プロ無謀家&エディトリアルアーティスト「つなワタリ」によるブランディング&創造生活の提案→自分らしく輝き、可能性を追い求めながら生きよう!

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

【拡張子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 × エックスサーバー」によって運営しております。他のサーバーとも契約をして別サイトを構築しておりますが、エックスサーバーの使い勝手がイチバンです。セキュリティ、サポートに満足しております。しかも低コストです。利用者が多いので情報がネットに多いことも助かります。

詳細は下記ボタンより

 

 

インターネットお役立ち情報の最新記事

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

執筆者:

関連記事

【ネットで使う画像の解像度】72? 96? 適性は? 高解像度は必要?

【ネットで使う画像の解像度】72? 96? 適性は? 高解像度は必要?

つなワタリ@捨て身の「プロ無謀家」(@27watari)です。あまりに基本的な話ですが、ネットで使う場合の画像解像度の話が仕事関係で出たので、そのことについて書いておきます。   【目次】 …

【「Googleシグナル」アナリティクスの新機能】新規とリピーターの重要性に気づかされた

Googleシグナル【アナリティクス新機能】新規とリピーターの重要性に気づかされた

つなワタリ@捨て身の「プロ無謀家」(@27watari)です。Googleアナリティクスの新機能「Googleシグナル」が稼働しはじめました。最初は「あまり関係ないよな……」なんて思いましたが、ちょっ …

【Google検索中に警告】お使いのコンピュータネットワークから通常と異なるトラフィックが検出されました

【検索中に警告】お使いのコンピュータネットワークから通常と異なるトラフィックが検出されました

つなワタリ@捨て身の「プロ無謀家」(@27watari)です。検索をしていると、いきなり「お使いのコンピュータ ネットワークから通常と異なるトラフィックが検出されました。このページは、リクエストがロボ …

no image

【Webサーバを調べる】公開サイトのレンタルサーバをつきとめる方法

つなワタリ@捨て身の「プロ無謀家」(@27watari)です。気になるサイトがどこのレンタルサーバを利用しているのか気になることがありませんか? そんな場合は、オンラインツールで簡単に調べることがで …

no image

【サイト引っ越し】サーバー移転の手順&発生したトラブルの解決方法

つなワタリ@捨て身の「プロ無謀家」(@27watari)です。約17年利用していた某レンタルサーバーから「エックスサーバー」へと引っ越ししました(ドメイン移管も含む)。基本的に手動で引っ越しを行ったこ …


comment

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

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

関連コンテンツ

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

サイト内検索はこちら

アマゾンセール

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!知恵袋 “ サツマイモのコリアンダーソースがけ ” “ シュリンプの焼き串 ” “ ズッキーニとチキンのケバブ ” 「リラックまん(チョコレート味)」 「リラックマ」をモチーフにした和菓子 お酒が飲めない、飲まない日本の有名人 ぬるぽ アクセスSEO対策ツールズ アングレーム国際漫画フェスティバル「遺産賞」 エックスサーバー(XSERVER)を装った詐欺メール オススメ有料&無料wordpressテーマ コピー防止は、さほど防止できない サイト状態を確認する無料の便利サイト サブドメインとサブディレクトリ タウンワークを装った詐欺メール ネットショップ/セール情報 パワーランクチェックツール ビジネスホテル「ドーミーイン」 ポンポコラーメン マヌカハニー好きな有名人 ルッソ兄弟 七ヶ宿ダム湖カレー 大仏三姉妹 岩本三千代 愛知県西三河地方 有料wordpressテーマ 東京五輪の聖火リレーの辞退者続出 格安予約サイト『一休.com』 検索避け 源流ポッチョン 無料漫画サービス 福田赳夫「天の声にも変な声がたまにはある」 超お得なティファニー風ダイヤモンドジュエリー 道の駅七ヶ宿 電脳マヴォ
2022年6月
 12345
6789101112
13141516171819
20212223242526
27282930  
スポンサーリンク