日本語

WebP画像をJPGに変換

変換前に出力品質を選び、透明部分を何で置き換えるかを決められます。

WebP画像を選択

静止画のWebPファイル · ファイル上限:20・1ファイルあたり10 MB

透明部分の扱いを決める

WebPの透明部分を何で置き換えるか選ぶ

JPGはアルファ透明を保存できないため、変換前に背景を選択してください。

WebP→JPG
WebP

最新のソース

Webからダウンロードした、またはWeb用に用意した静止画像から始めます。

白

すっきりした標準

書類やストア、一般用途向けに、透明ピクセルを白で埋めます。

黒

ダークな見せ方

用途に合う場合は、暗めの色で埋めます。

カスタム

ブランドに合わせた塗り

最終デザインに合う色を選びます。

背景を意図して設定しておけば、透明部分が思わぬ見え方になるのを防げます。

形式による影響

互換性のために変換し、見える背景を選ぶ

用途先が静止WebPを受け付けない場合はJPGを使いましょう。JPEGにはアルファチャンネルがないため、元画像の透明ピクセルには意図した塗りつぶし色が必要です。

互換性

受け取り側の要件で変換を決める

問題なく使えるならWebPのままでOK。フォーム、エディター、受信者、レガシーシステムが明確に求める場合のみJPGを作成してください。

背景

透明部分を何で置き換えるか選ぶ

透明ピクセルがそのまま残ると思い込まず、アンチエイリアスのかかった縁の周りを白・暗色・ブランドカラーなどの塗りでプレビューしてください。

次の作業

必要に応じて関連ツールを選ぶ

アニメーションや透明が必要なら、WebPのままにするか別の適切な形式を使いましょう。1枚のJPGではどちらの機能も持てません。

VisionStoryで仕上げる

不透明なJPGを作成して検証

ここでWebP変換の準備をしてから、続けてVisionStoryへ。使用前に、ダウンロードしたJPGの背景と輪郭をチェックしてください。

再選択

WebPをすぐ選べる状態にしておく

次のステップでVisionStoryのワークスペースが開く際、元ファイルを再度選択する必要がある場合があります。

承認

実際の受け取り先システムでテストする

公開前に、背景色、輪郭、サイズ、バイト数、静止フレームとしての挙動、用途先での受け入れ可否を確認してください。

承認

実際の受け取り手順でテストする

指定のプレイヤー、エディター、アップロードフォーム、公開システムなど、想定している用途先でアルファ合成と静止出力を確認してから承認してください。

変換の仕組み

静止ピクセル、アルファ、アニメーションを切り分ける

静止WebPには透明が含まれることがあります。アニメーションWebPには複数フレームが含まれます。1枚のJPGは不透明な静止画像です。

アルファ

JPEGエンコード前に合成する

半透明の影や縁は、選んだ背景が最終的な配置先の背景と違うと、フチ(ハロー)が出ることがあります。

アニメーション

フレームの扱いを決める

1枚のJPGは静止画です。動きも含めて共有したいなら、アニメーションWebPのままにするか、アニメーション対応の形式を選びましょう。

確認

元画像と書き出しファイルを比較する

JPGの背景を確認し、髪・影・文字まわりの柔らかい輪郭を拡大して見てください。色味とサイズも元画像と比較しましょう。

よくある質問

  • アプリ、アップロードフォーム、メールのワークフロー、または古いデバイスがWebPに対応していなくてもJPEGに対応している場合に変換してください。