ブラウザ実行モード: データはブラウザ内で処理され、サーバーにはアップロードされません。
速度と安定性: 処理速度はデバイスとブラウザに依存します。大量のバッチ作業では、デスクトップ版の方が安定する場合があります。
ツールを読み込み中です。お待ちください...
ツールを読み込み中です。お待ちください...
オンラインツールを読み込めない、または実行できない場合は、デスクトップツールをお試しください。 https://tools.yikeaigc.com/
ツール使用状況
旧バージョンに戻す
ヒント:先に SVG ファイルを選択し、出力設定を行ってから変換してください。
一括ファイルは確認用に先頭20件のみ表示します。処理時は選択したファイルを変換します。既定では元のファイル名でWebP出力し、同名は自動で番号を追加します。
SVG ファイルを選択
単一または複数の SVG ファイルに対応。ファイルは現在の端末で読み込み・変換され、サーバーへアップロードされません。
ファイルが選択されていません。
ファイルプレビュー
0 ファイル
ファイル選択待ちSVG を選択すると、ファイル名、サイズ、サムネイルが表示されます。
変換設定
変換してダウンロードする前に、圧縮モード、透明背景、サイズを確認してください。ロスレス優先モードでは高品質でWebPエンコードを要求します。
圧縮と透明度
WebPは非可逆、ロスレス優先、透明背景に対応
ロスレス優先は品質100でエンコードします。実際の方式はブラウザーのWebPコンポーネントに依存します。
SVGのin、cm、mm、ptなどの物理単位の換算に使用します。
サイズ設定
元サイズは SVG の width、height、または viewBox に基づきます
ファイル命名
既定では元のファイル名を使用し、拡張子を .webp に変更
変換してダウンロード
変換開始後、最初の20件をプレビューできます。複数ファイルはすべて処理され、成功した結果は個別またはZIPでダウンロードできます。
処理待ち0
成功0
失敗0
結果サイズ0 KB
先に設定してから変換を開始してください。
結果プレビュー
結果 0 件
変換待ち完了後、先頭20件のWebP結果を表示します。
手順
ソフトウェア使用方法
- SVGファイルを選択:「SVG ファイルを選択」エリアをクリックするか、SVGファイルをアップロードエリアへドラッグ&ドロップします。一度に複数のSVGファイルを選択できます。画面には最初の20件のみ表示されますが、処理時にはすべてのファイルが変換されます。
- サンプルデータを読み込み:「サンプルSVGを読み込み」をクリックすると、変換手順とデフォルトの出力結果をすばやく確認できます。
- 圧縮と背景を設定:
- 圧縮モード:非可逆圧縮またはロスレス優先モードを選択できます。非可逆圧縮はファイルサイズの削減に適しており、ロスレス優先はアイコンやLogoなど高品質が求められる場面に適しています。
- 出力品質:非可逆圧縮モードでは品質を調整できます。数値が高いほど通常は画像の細部が良くなりますが、ファイルサイズも大きくなる場合があります。
- 背景処理:透明背景を保持することも、指定した背景色で塗りつぶすこともできます。
- 基準DPI:SVG内のin、cm、mm、ptなどの物理単位を換算するために使用します。
- 出力サイズを設定:
- 元のサイズを維持:SVG自体の幅・高さまたはviewBoxに基づいて出力します。
- 倍率で出力:1x、1.5x、2x、3x、4xなどの倍率を選択できます。
- 幅と高さをカスタム:出力幅と高さを手動で設定し、縦横比を維持するか選択できます。
- 透明な余白をトリミング:画像の周囲にある透明な空白領域を自動的に切り取ります。
- ファイル名を設定:ファイル名に接頭辞または接尾辞を追加できます。デフォルトでは元のファイル名を保持し、拡張子のみ.webpに変更します。同名ファイルがある場合は、区別のため自動的に数字が追加されます。
- 変換を開始:「変換・ダウンロード」ステップに進み、「変換を開始」をクリックすると、成功数、失敗数、結果サイズ、進捗が表示されます。
- プレビューとダウンロード:変換完了後、最初の20件の結果をプレビューできます。個別にダウンロードすることも、「すべての結果をダウンロード(ZIP)」をクリックして、正常に変換されたすべてのWebPファイルを取得することもできます。
よくある質問
A:WebPはウェブ用アイコン、Logo、イラスト、Banner、一般的な画像の最適化に適しています。透明背景に対応し、非可逆圧縮とロスレス優先出力にも対応しているため、ウェブ画像のファイルサイズ削減によく使用されます。
A:非可逆圧縮はウェブ表示やファイルサイズの最適化に適しており、品質を手動で調整できます。ロスレス優先はアイコン、Logo、線画など、エッジや色の品質が重視される画像に適しています。
回答:できます。背景処理で「透明背景を保持」を選択すると、SVG内の透明部分はWebPの透明チャンネルとして保持されます。「指定した背景色で塗りつぶす」を選択すると、透明部分は選択した色で塗りつぶされます。
回答:SVGはベクターテキスト形式で、シンプルなアイコンはそれ自体が非常に小さい場合があります。WebPはビットマップ形式のため、出力サイズが大きく品質が高いほど、ファイルサイズも大きくなることがあります。出力サイズや品質を下げる、または透明な余白をトリミングすることでサイズを調整できます。
回答:デフォルトでは元のSVGファイル名を保持し、拡張子だけを.webpに変更します。複数のファイルで変換後の名前が重複する場合、ツールがファイル名の末尾に自動で数字を追加し、結果が上書きされないようにします。
回答:「カスタム幅・高さで比率を保持」を有効にし、適応方法で「縦横比を保って全体を表示」を選択すると、引き伸ばしによる変形を抑えられます。キャンバスいっぱいに表示したい場合は、「縦横比を保ってキャンバスに合わせて塗りつぶす」を選択できます。
回答:よくある原因には、SVG構文が不完全であること、外部画像やフォントを参照していること、複雑なスクリプトが含まれていること、互換性のないforeignObjectコンテンツを使用していることなどがあります。まずSVG構造を整理し、できるだけ埋め込みパス、文字のアウトライン化、またはローカルリソースを使用することをおすすめします。