PNG から WebP への変換 Portable Network Graphics ↔ WebP 無料 オンライン 安全
画像は元の大きさのまま一度だけ描き直され、WebP として保存されます。拡大も縮小もされず、ファイルは端末から出ません。
ファイルを変換する
ここに PNG ファイルをドロップするか、選んでください。
ファイルはこの端末から出ません。すべてブラウザー内で動きます。
アップロードなし
PNG から変換
PNG へ変換
この形式はどこから来たか
これらの形式はそれぞれ別の問題を解くために書かれました。JPEGは一九九二年、Joint Photographic Experts Group から現れ、写真のために組み立てられました。目がいちばん惜しまないであろう細部を捨てます。だから写真は桁違いに小さくなり、だからJPEGの中の文字は滲んで見えるのです。PNGは一九九六年、GIFの背後の特許を持つ会社がその使用料を求めはじめたあと、大急ぎで書かれました。失われるものがなく、本物の透明を備えています。だから社章や画面の写しはここに属します。WebPは二〇一〇年にグーグルから来て両方の仕事をこなし、たいていどちらより四分の一ほど小さくなります。BMPは圧縮のまったくないマイクロソフトの素の形式、HEICは二〇一七年以来アップルの既定で、動画の圧縮を借りて静止画をJPEGのおよそ半分の大きさに収めます。
どこで出会うか
写真はJPEGとして、あるいは新しいiPhoneから直接HEICとして旅をします。輪郭の鋭いもの——画面の写し、社章、図、文字、透明な背景を要するもの——はPNGに属します。JPEGならその縁をぼかしてしまうからです。WebPは今日の網站が通信量を節約するために送り出すものです。BMPは主としてWindowsの道具の内側と、何の復号もせずに画素そのものを欲しがる場所に生き残っています。
よくある質問
これはPNGとJPEGのどちらで保存すべきですか。
縁を見てください。写真には硬い縁がありませんから、JPEGが細部を捨てるやり方は目に見えず、ファイルは何分の一にもなります。画面の写し、社章、図表、文字を含むものには硬い縁があり、JPEGはその一つ一つのまわりに見てとれる暈を残します。ファイルが大きくなろうとも、そこがPNGの居場所です。透明な背景が要るなら、二つのうち選べるのはPNGだけです。
HEICの写真が何でも開けないのはなぜですか。
HEICが、人々の持つ道具の多くより新しいからです。iPhoneでは二〇一七年から既定ですが、Windowsは表示するのに追加の部品を要し、多くのAndroid端末は表示せず、網上の道具の少なからぬものがはなから受け付けません。JPEGへ換算するのが普通の答えです。写真は目には変わらず、ファイルはおよそ倍になり、この三十年に作られたものならどれでも開けます。
ファイルの質は落ちますか。
二つの形式が何を収められるかによります。同じものを保つ形式どうしの変換——PNGからBMP、WAVからFLAC——では何も失われません。場所を節約するために情報を捨てる形式、たとえばJPEGやMP3への変換では、そのたびに少しずつ失われ、戻しても返ってはきません。選べる場合、このページは最小のファイルを作ることより、もとの質を保つほうに傾きます。
私のファイルはどこかへ送られますか。
いいえ。変換はあなたの機械の上、あなたの閲覧ソフトの中で行われます。ファイルはそこを離れませんし、ここには受け取りうる計算機もありません。大きなファイルを縛るのが送信ではなくあなた自身の記憶装置であるのも、あなたが変換したものが誰の記録にも——私たちの記録にも——現れえないのも、そのためです。ただし音と映像の道具は、初めて使うときにこの場所から変換の機関を取り寄せます。三十メガバイトほど、一度だけです。そのあとも仕事はすべてあなたの機械の上で行われます。
PNG を WebP に変換する理由
PNG は、くっきりした端と透けた背景の画像形式です。すべてのピクセルを描かれたとおりに保つので、ロゴ、スクリーンショット、図、インターフェースのモックアップがこの形式で保存されます。代償はサイズです。写真や大きなスクリーンショットの PNG は数メガバイトになることがあり、ウェブページがそれを数十枚使うと、読み込みが遅く、訪問者のデータ通信量を食い、検索エンジンが速いサイトに与える評価を下げます。WebP は、まさにそれを直すために作られた新しい形式です。ファイルを小さくし、透明を保ち、現在のすべてのブラウザーで理解されます。だから人は PNG を WebP に変換します。透けた背景を失わずに、より軽い画像がほしいのです。
場面はありふれています。画像が重すぎると言われたウェブサイトの運営者。より速いページがほしい開発者。透明な背景の商品画像を何百枚ももつ店。スクリーンショットのせいで記事が開くのが遅いブロガー。どの場合も目的は同じです。正しく見えて、より軽い画像です。
このページは、お使いのブラウザー内で PNG を WebP に変換します。画像は元のサイズで一度描き直され、WebP として保存されます。何もサイズ変更されず、ファイルが端末の外に出ることはありません。以下では、仕組み、保たれるもの、代償、そして PNG をそのままにしておくべきときを説明します。
変換の仕組み
元のサイズで一度描き直される
PNG はお使いのブラウザー内で開かれ、自身の幅と高さでキャンバスに描かれ、WebP として保存されます。画像は一度描き直され、何もサイズ変更されないので、1200 × 800 ピクセルの画像は、あとでも 1200 × 800 ピクセルのままです。サーバーには何も送られないので、待つものも、削除するものもありません。
WebP が小さい理由
WebP は、古い形式より現代的な画像の圧縮方法を使います。同じ見た目なら、たいていはるかに少ないデータで済みます。写真では、節約が非常に大きくなることがあり、べた塗りのグラフィックでは小さくなります。また、JPG にはない透明をサポートしており、それが、とくに PNG の代わりとして適している理由です。
非可逆の WebP
ここでの WebP は非可逆の種類です。目が最も気づきにくい細部を少し捨てることで、容量を節約します。これに対して PNG は、まだ何も失っていませんでした。変換する前に理解しておく価値があります。画像が細部の一部を手放す、最初の瞬間なのです。
保たれるもの
正確な寸法
画像の幅と高さは正確に保たれます。WebP は画面上で PNG と同じ大きさなので、レイアウトを変えずに、ページの同じ場所に収まります。
透明
透明は保たれます。JPG と違って、WebP は透けた背景を保つので、ロゴや切り抜いた商品の画像は、その後ろにあるものを今も見せます。PNG から始めるとき、JPG ではなく WebP を選ぶ主な理由です。
PNG を WebP に変換する前に知っておくべきこと
画像が最初に手放す細部
ここでの WebP は非可逆の種類で、PNG はまだ何も失っていなかったので、この変換は、画像が細部の一部を手放す最初の機会です。写真では見分けにくく、ファイルは大きく縮みます。スクリーンショット、図、くっきりした文字のあるものでは、端が柔らかくなり、節約は小さくなります。画像がほとんどべた塗りの色と鮮明な線なら、すべてを変換する前に、一枚を試してください。
また編集するなら PNG を保管する
画像をまた編集するなら、PNG を保管してください。非可逆の画像は、保存するたびに、もう少しずつ失います。PNG があなたのマスターで、WebP はウェブに載せるコピーです。WebP を編集して、WebP としてまた保存することを繰り返してはいけません。
どこで表示されるかを確認する
現在のすべてのブラウザーが WebP を読み、ほとんどの編集プログラムやスマートフォンもそうです。古いソフト、メールのプログラム、印刷サービスの中には、今も PNG か JPG を期待するものがあります。行き先が珍しいものなら、元のファイルを置き換える前に確認してください。
ここで PNG を WebP に変換する方法
画像を追加する
PNG をページにドロップするか、端末から選びます。お使いのブラウザー内で開かれ、アップロードされません。
変換する
ボタンを押します。画像一枚なら一瞬、大きなものは少し長くかかります。終わるまでページを開いたままにしてください。
ダウンロードして比べる
WebP をダウンロードして、PNG と比べてください。文字の端と柔らかい部分を見て、ファイルのサイズを確認します。正しく見えて、ずっと軽ければ、望んだものが得られました。
PNG と WebP をもう少し詳しく
二つの形式の出自
PNG は九十年代半ばに、古い形式の自由な代替として登場し、正確なままであるべき画像の標準になりました。WebP は、ウェブをより速くするために 2010 年に Google が導入し、年月を経て、すべての主要なブラウザーに採用されました。どちらも透明を保持できます。違いは、画像の保存の仕方です。PNG は損失なしに保存します。WebP はどちらもできますが、ここで使われる種類は、はるかに小さいファイルと引き換えに、小さな損失を伴って保存します。
最も得をする画像
最も得をするのは写真です。目に見える変化なしに、ファイルが元の何分の一かに縮むことがあります。大きなべた塗りの領域とくっきりした線のある画像は、得が小さく、損失もより目立ちます。文字のスクリーンショットは最も難しい場合です。文字にはくっきりした端があり、非可逆の形式はそれを少し柔らかくしがちだからです。
透明と柔らかい端
透けた背景は残りますが、影や光の柔らかい端には、非可逆圧縮のあとにかすかなハローが見えることがあります。それに気づいたら、画像が現れるページの色の上で確認してください。ハローは、合う背景では目に見えないことが多いのです。
よくある場面を詳しく
ウェブサイトを速くする
画像は、たいていページの最も重い部分です。それを WebP に変換するのは、読み込みを速くする最も簡単な方法の一つです。節約が最も大きい写真と大きなバナーから先に、PNG を WebP に変換してください。
透明な商品画像のあるオンラインショップ
透明な背景に切り抜かれた商品は、店でよく見られます。WebP は切り抜きを保ち、ファイルを軽くするので、多くの商品があるページに役立ちます。
スクリーンショットのあるブログと記事
スクリーンショットは積み重なります。記事が遅いなら、大きいものを変換し、元のものを置き換える前に、文字の鮮明さを比べてください。
メールとメッセージ
メールのツールやチャットのプログラムの中には、今も WebP を表示しないものがあります。画像をメールで送るなら、PNG か JPG の版も保管し、サイトでは WebP を使ってください。
PNG を WebP に変換する前の実際的な助言
まず一枚を試す
一枚の画像を変換して、実寸で見てください。結果が良ければ、残りを変換します。文字が柔らかく見えるなら、スクリーンショットは PNG のままにして、写真だけを変換することを考えてください。
元のファイルを保管する
PNG ファイルは専用のフォルダーに保管してください。節約はウェブ用のコピーから生まれ、元のファイルは、画像を編集したり印刷したりする必要が生じたときの安全網です。
名前に気をつける
WebP にわかりやすい名前をつけ、どれがどれに属するかわかるように、PNG と同じ基本の名前を保ってください。変わるのは拡張子で、残りは変えないでください。
同時にサイズ変更しない
変換ツールは元のサイズを保ちます。ページがより小さい画像を必要とするなら、まずエディターでサイズを変更してから、PNG を WebP に変換してください。400 で表示される 4000 ピクセルの画像は、無駄な重さだからです。
変換する前によくある質問
品質は下がりますか？
少し、はい。ここでの WebP は非可逆の種類なので、画像は細部の一部を手放します。写真では見分けにくく、くっきりした文字では気づきやすくなります。
透明は残りますか？
はい。WebP は、JPG にはない、透けた背景を保ちます。
ピクセルでの大きさは同じですか？
はい。何もサイズ変更されず、正確な寸法が保たれます。
すべてのブラウザーが WebP を表示しますか？
現在のすべてのブラウザーが表示します。古いプログラムの中にはしないものがあるので、行き先が珍しいなら確認してください。
画像はアップロードされますか？
いいえ。変換はお使いのブラウザー内で実行され、画像が端末の外に出ることはありません。
PNG に戻せますか？
はい、WebP を PNG に変換で戻せますが、WebP が作られたときに失われたものは、失われたままです。
PNG を WebP に変換するときの賢い選び方
写真とべた塗りのグラフィックは違う
写真はよく変換され、多くを節約します。べた塗りのグラフィックや文字のスクリーンショットは、損失がより目立ち、節約は少なくなります。習慣ではなく、画像の種類で選んでください。
ほかの選択肢と比べる
透明が要らないなら、写真にはPNG を JPG に変換のほうが合うかもしれません。より軽い PNG がほしいだけなら、PNG を圧縮が形式を保ったまま重さを削ります。
次の段階を考える
あとで画像を編集するかもしれないなら、PNG から作業し、公開する直前の最後に WebP を作ってください。
ウェブサイトで WebP をうまく使う
適切なサイズを届ける
より軽い形式は役立ちますが、最大の節約は、今も、表示される場所より大きくない画像を送ることから生まれます。1200 ピクセルで表示されるバナーに 4000 は要りません。まずサイズを変更してから PNG を WebP に変換すれば、二つの節約が一緒に得られます。
画像を説明する
ページ上のすべての画像には、何が写っているかを伝える短いテキストを付けるべきです。それはスクリーンリーダーを使う訪問者の助けになり、検索エンジンにも読まれます。ファイル形式はそれとは関係ありませんが、より軽い画像のページは、それらを見直して、欠けている説明を加える良い機会です。
必要ならフォールバックを用意する
現在のすべてのブラウザーが WebP を読むので、ほとんどのサイトではフォールバックはもう要りません。訪問者の一部が非常に古いソフトを使っているとわかっているなら、PNG を並べて用意し、ブラウザーに理解できるほうを選ばせられます。
結果を測る
画像を置き換えたあと、ブラウザーに組み込まれたツールで、ページがどれだけ速く読み込まれるかを確認してください。違いを数字で見れば、作業が報われ、ほかの画像からさらに得られるものがあるかどうかもわかります。
サムネイルを忘れない
小さなプレビュー画像、アイコン、アバターは、多くのページで繰り返されます。一つずつは軽くても、合わせると積み重なります。変換は手早く、サイト全体での効果は本物です。
ドキュメントのスクリーンショットについて考える
ヘルプページは、文字の入ったスクリーンショットでいっぱいです。そこで PNG を WebP に変換するなら、文字の鮮明さを注意深く見てください。鮮明なままでなければならない画像には、圧縮した PNG のほうが安全な選択で、スクリーンショットが読みやすいままです。
プライバシーと取り扱い
画像にローカル変換が重要な理由
画像には、私的な人、場所、書類、画面が写っていることがよくあります。多くのオンライン変換ツールは、ファイルをサーバーにアップロードして処理し、結果を送り返し、しばらくの間、自分が管理していないマシンにコピーが存在します。ここではお使いのブラウザー自身が作業をするので、画像は端末にとどまります。
ページを離れるとどうなるか
ページを閉じると、変換された画像はブラウザーから消えるので、先にダウンロードしてください。画像について何も保存されません。
うまくいかないとき
スクリーンショットの文字が柔らかく見える
それは非可逆圧縮の働きです。そのスクリーンショットは PNG のままにするか、代わりにPNG を圧縮で圧縮してください。
切り抜きの周りにハローが現れる
柔らかい端を圧縮したことから生じます。ページの本当の背景の上で確認してください。それでも見えるなら、その画像には PNG を保ってください。
非常に大きな画像でページがフリーズする
すべてが端末上で実行され、巨大な画像にはメモリが必要です。パソコンでもう一度試すか、先に画像を小さくしてください。
関連ツール
同じ系統のツールが、隣接する作業を担います。逆方向には、WebP を PNG に変換を使ってください。写真には、JPG を WebP に変換とWebP を JPG に変換がもう一つの一般的な形式に対して同じことを行い、PNG を JPG に変換とJPG を PNG に変換が両者を切り替えます。形式を変えずに PNG を軽くするには、PNG を圧縮が答えで、PNG を PDF に変換は画像を文書に入れます。
実例
小さな店を営んでいて、透明な背景の商品の画像が 2.4 メガバイトの PNG だとします。ここにドロップして、ボタンを押します。しばらくして、約 300 キロバイトの WebP をダウンロードします。ピクセルでのサイズは同じで、透けた背景も同じです。商品ページでは同じに見え、ページの読み込みは目に見えて速くなります。PNG は、編集が必要になる日のために、フォルダーに残ります。
短いチェックリスト
変換する前
画像が写真かべた塗りのグラフィックかを決めてください。PNG を安全に保管してください。行き先が WebP を読めるか確認してください。
変換している間
ファイルができるまで、ページにとどまってください。
変換したあと
WebP を実寸で開き、端と文字を見て、ファイルサイズを比べ、両方の版を別々のフォルダーに保管してください。
よくある間違い
確認せずにすべてを変換する
見ないままにすべての画像で PNG を WebP に変換してはいけません。べた塗りのグラフィックや文字のスクリーンショットは、PNG のままにする価値があるかもしれません。
WebP を何度も編集する
非可逆の保存のたびに細部が失われます。何かを変える必要があるときは、PNG を編集して、新しい WebP を書き出してください。
PNG を削除する
保管してください。それがマスターであり、いったんなくなれば、その細部を復元できるものは何もありません。
画像は端末の中にとどまる
変換はローカルで行われます。画像はお使いのブラウザー自身が読み、その場で描き直し、WebP として返します。何もアップロードされないので、サーバーにコピーは残らず、ほかの誰も見られません。私的な画像にとって、それが PNG を WebP に変換する安全な方法です。
まとめ
ここで PNG を WebP に変換するには、画像をドロップしてボタンを押します。画像は元のサイズで一度描き直され、WebP として保存されます。何もサイズ変更されず、ファイルが端末の外に出ることはありません。正確な寸法が保たれ、透明も保たれます。JPG と違って、WebP は透けた背景を保ちます。ここでの WebP は非可逆の種類で、PNG はまだ何も失っていなかったので、これは画像が最初に手放す細部です。写真では見分けにくく、ファイルは大きく縮みます。スクリーンショット、図、くっきりした文字のあるものでは、端が柔らかくなり、節約は小さくなります。画像をまた編集するなら、PNG を保管してください。