かさばるPNGを、透過を保ったまま速く読み込まれる引き締まったWebPに置き換えましょう。
またはここに画像をドロップ
変換中…
画像を変換しています
最大1分ほどかかることがあります — 複数のファイルではもう少し長くかかります。このタブは開いたままにしてください。
Araluma は透けた部分を保ったまま PNG を WebP に変えます。1 枚渡すとブラウザの画像エンジンがあなた自身の端末で組み直すので、それはどこにも送られません。何枚かまとめて渡すと当社のサーバーへ運ばれ、まとめて巡って 1 つのダウンロードを返し、そのダウンロードを約 2 時間で片づけます。PNG が透けていた所は WebP でも透けたまま残ります。WebP は完全なアルファチャンネルを持つので、切り抜きを潰さずに軽いファイルが欲しいとき JPG に勝ちます。Google 自身の WebP の数字では、可逆 WebP は同じ PNG より約 26 パーセント下に収まり、アルファ付きの非可逆 WebP はおよそ 3 分の 1 の大きさに近づきます。ここから出るのはほぼ可逆に近い設定の非可逆 WebP で、ビットレベルの細部をほんの少し小さなファイルと引き換えにしつつ、通常の画面サイズでは元の PNG と同じに見えます。ピクセル単位の保存用には元の PNG を取っておいてください。
絵をドロップ枠へ放るか、クリックして一つ選びます。ファイルが着いた途端に処理が立ち上がり、押すべきボタンはどこにもなく、ありふれた絵ならまたたく間に片付きます。あとはダウンロードの合図で、元の名前のまま末尾だけ変えたWebPが書き出されます。1 枚なら変換はブラウザ内で動き、何枚か渡せばまとめて当社のサーバーへ上がります。同じ筋道がインストール抜きで携帯にも机上の端末にも応じます。もう一枚なら、続けて次のPNGを落とすだけ。動くPNGを差し出しても残るのは先頭の一コマだけで、ここで生まれるWebPは流れる連なりではなく一枚の止まった絵だからです。
八ビットぶんのアルファの層がWebPの内に住みつくので、PNGの澄んだ点はどれもWebPで同じだけ澄んだまま降り立ちます。白く塗られるものはなく、切り抜きの周りに輪郭の影も浮かばず、あとから手直しに回す必要もありません。透けを抱えたPNGからの行き先にJPGではなくWebPを推す根拠が、まさにここにあります。JPGはアルファを持たず、澄んだ点を一色で埋めるほかないのです。看板絵、記号、品物の抜き、画面の下絵、丸い角の取り込み画像、透ける土台に乗るものなら何でも、傷ひとつなく渡ります。そのための切り替えなど存在せず、ただ起こります。アルファを背負うことがWebPの成り立ちに織り込まれているからです。
得られるのはまず、透けも仕上がりも崩さずに大幅に身軽になったファイルです。公式に示された目安に従えば、欠落のないWebPは見合うPNGの四分の三ほどの目方に縮み、透けを抱えた欠落ありのWebPは三分の一前後まで沈みます。身軽な絵はそれだけ早く現れ、検索の順位に響くと知られるCore Web Vitalsの一角、すなわち最大要素の描画時間に効いてきます。PageSpeed Insightsは次の世代の形式を促すくだりで古いPNGをわざわざ取り上げ、移し替えれば指摘は消えます。読み手の側でも案ずるには及びません。主だった四つの閲覧ソフトはいずれも追加の支度なくWebPを表示できるからです。
AralumaはWebPを、写真にも図版にも釣り合うよう調えた無劣化すれすれの設定で記します。だからふだん眺める大きさでは元のPNGとそっくりです。この線で踏みとどまるWebPは理屈のうえで非可逆で、完璧な可逆の写しに比べわずかな細やかさを譲っています。看板絵、記号、画面の部品、写真といったほとんどのウェブ仕事では、その差は目に入りません。一点ごとの正確さが問われる場面、たとえば医療の撮像や保存用の原盤では、PNGを抱えWebPは書き出し役に回してください。写真ならおおむね五割から七割の目減りが望め、WebPがPNGに対して元から持つ仕組み上の利が、その上にさらに重なります。
これは渡す枚数で分かれます。1 枚の PNG を変換すると作業の全部がタブ内で、ブラウザ自身の画像エンジンで、あなたの端末上で起こり、何も上がらず、ファイルについて何も書き留められません。自分で確かめてください、DevTools を開き、その 1 枚を変換する間ネットワークパネルを開いたままにして、それを運ぶ送信リクエストがゼロであることを数えます。ひとつかみをまとめて変換すると当社のサーバーへ上がり、全部を巡って 1 つのダウンロードを返します。そのダウンロードは約 2 時間で当社のサーバーから片づけられ、保存した瞬間に自分で消せます。こうして 1 枚はブラウザを決して出ず、まとめての処理はあなたが持ち帰る物を組み立てるのに要る間だけ当社のサーバーに留まります。
WebPは方々へ届きますが、すべての扉が開くわけではありません。ひと握りの製作ソフト、印刷の流れ、社内の文書の仕組みは、なお今もPNGを欲しがります。一部のOSはPNGの放り込みを難なく受け取りますが、WebPには差し込みの部品をねだります。机上のソフトで何度も開いて手を入れる下書きには、可逆のPNGを原盤に据えることで、ほどいては組み直す巡りの目減りの積み重ねを避けられます。WebPはウェブ向けの書き出しに任せ、PNGは元手のまま置いておきましょう。そして逆走してWebPをPNGに戻したくなったら、webp-to-pngの道具がその往復を肩代わりします。
PNG をページへ滑り込ませるか、ピッカーで探します。透けた部分も一緒に来ます。1 枚変換すればあなたのマシンに留まり、複数枚を落とせば当社のサーバーへ上がってまとめて扱われます。
あなたはそれ以上何もしません。普通の画像は指を持ち上げるくらいの速さでWebPになり、変換の段も、道中で回るスピナーもありません。
結果はどれくらいの大きさで出たかを伝えます。澄んだところは澄んだまま残り、WebPは始めたPNGより目に見えて軽いはずです。
ダウンロードを一押しで書き出し、古い名前、新しい.webpの末尾。並んでいるものがもっと？それぞれをページに放れば、一つずつ通り抜けます。
守られます。完全なアルファの層をWebPが構えているので、PNGの澄んだ切れ端はWebPになっても澄んだまま居続けます。透けたPNGから踏み出すたびに行き先としてWebPがJPGを上回る訳が、その一事に尽きます。JPGはアルファを欠き澄んだ点を一色で塗るほかありませんが、WebPは見つけた姿のまま抜きを置きます。透ける土台に乗った看板絵、記号、品物の写し、画面の部品、それらが余計な手間も求めずまるごと渡ります。
透けも見栄えもどちらも保つ、引き締まったファイルのためです。Googleの目安では、可逆の側が同じPNGよりおよそ二割六分軽く動き、アルファ込みの非可逆の側は三分の一近くへ落ち着きます。引き締まった絵は早く届き、それがGoogleが順位に重みを置くCore Web Vitalsの尺度Largest Contentful Paintを後押しします。PageSpeed Insightsは絵の点検の中で、新世代の形式の好機としてPNGを指し示しさえします。加えて、ChromeやFirefoxからSafari、Edgeまで、名の通ったブラウザはどれも手助け抜きでWebPを読み取ります。
Aralumaが用いる無劣化すれすれの設定なら、写真も図版もふだん眺める大きさで元のPNGとそっくりです。ここに踏みとどまるWebPは理屈のうえで非可逆なので、ほんのひとつまみの細やかさが、より小ぶりなファイルへ向かいます。看板絵、記号、写真といった日々のウェブ用途では、その差は目に入りません。一点ごとの正確さや保存の仕事には、PNGを抱えWebPを配り役の写しとして扱ってください。変換はあなたのPNGに指一本触れず、もとのまま端末に腰を据えています。
示された目安によれば、欠落のないWebPは同等のPNGの四分の三あたりの目方にとどまり、透けを伴う欠落ありのWebPはおよそ三分の一まで沈みます。実際の比は描かれている中身しだいで揺れ、広い空白と一色のかたまりを抱えた図ほど大きく得をし、隅々まで描き込まれた写真は控えめながらも値打ちのある削りに落ち着きます。どちらに転んでもWebPの方が軽く、透けはそのまま生き残ります。
1 枚を変換するか複数枚を変換するかによります。1 枚の PNG はブラウザの中で直接組み直されるので、そのファイルは送られず、DevTools を開いて変換の途中でネットワークパネルを見れば、送信される画像リクエストが出ないことで確かめられます。複数枚をまとめて変換すると当社のサーバーへ上がってまとめて扱われ、そのダウンロードは約 2 時間で片づけられ、保存したらすぐ自分で取り除けます。どちらにしても、あなたのダウンロードを組み立てる以上に画像が残ることはありません。
実のところ、行き渡っています。Safari 14が2020年に登場してChrome、Edge、Firefoxに連なると、生のままの読み取りはどこにでも届きました。それらを束ねれば人が現に手にするほぼすべてのブラウザになります。例外は本当に年季の入ったものと、組み込みの一部の表示器で、それらを抱えうる相手には、PNGが用心深い選びのまま残ります。ここ五年のブラウザにいる人なら、誰でも引っかかりなくWebPを得ます。個々の事情を確かめたければ、caniuse.comのWebPの欄が後ろ盾の様子を広げてくれます。
良い円形クロップの背後にある技、フォーマット、小さな決定についてのチームからのメモ。