ナビゲーション

3つの便利なツールでSVG画像を圧縮

SVG (Scalable Vector Graphics) はアニメーションとインタラクティブ性をサポートしているため、データの視覚化とゲーム開発に適しています。さらに、Web デザインでは、SVG は歪みなく拡大できるため、Web グラフィック、ボタン、ロゴ、インフォ グラフィックなどの作成に使用できます。ただし、SVG 画像は XML コードに従っており、そのデータは非圧縮形式で保存されるため、ファイル サイズが大きくなることがよくあります。それで、どうやって SVGを圧縮する ウェブのパフォーマンスを向上させ、読み込み時間を短縮するには?幸いなことに、このページでは 3 つの便利な SVG 圧縮を学ぶことができます。

SVGを圧縮する

パート 1. SVG 画像とは (長所と短所)

SVGはScalable Vector Graphicsの略称です。これは、XML テキスト ファイルに保存される Web フレンドリーなベクター画像形式です。ピクセルベースのラスター イメージ ファイルとは異なり、SVG はアンカーされたドットで構成され、線で接続されているため、解像度に依存しない特性が得られます。そのため、SVG は品質やディテールを損なうことなく無限に拡張可能です。したがって、SVG ファイルを使用して Web グラフィック、アイコン、ボタンを作成できます。

  • PROS
  • シャープネス - ベクター画像形式として、SVG ファイルは、SVG 画像を拡大または縮小しても、常に元の解像度を維持できます。
  • 汎用性 - SVG ファイルは、データ視覚化、Web デザイン、ゲーム開発、デジタル マップ、アイコン ライブラリなどを含むさまざまなシナリオで使用できます。
  • 可読性 - 最もよく使用される Web ブラウザを使用して SVG ファイルを表示できます。さらに、SVG ファイルは XML テキスト ファイルであるため、編集、インデックス作成、スクリプト作成が可能です。
  • SEO に優しい - SVG ファイルは XML テキスト ファイルで記述されているため、検索エンジンはキーワードと説明を検出して分析できます。
  • CONS
  • 限定的な互換性 - すべてのブラウザおよびオペレーティング システムで SVG を表示できるわけではありません。
  • ピクセルの不足 - SVG ファイルは、ピクセルベースのラスター イメージ ファイルと比較して、複雑で高品質のデジタル写真を作成するには不十分です。
  • ファイルが大きく、読み込みが遅い - SVG ファイルは XML 言語に従っているため、非圧縮形式で保存されます。また、SVG画像が複雑な場合は読み込み時間が遅くなります

パート 2. SVG 画像を圧縮する方法

1.Apeaksoft無料画像圧縮ツール

ほとんどの画像圧縮プログラムは SVG ファイルを圧縮できません。ただし、次のことに目を向けることができます Apeaksoft無料画像圧縮機 SVG ファイルサイズをオンラインで無料で圧縮します。

  • PROS
  • SVG、PNG、JEPG、GIF 形式をサポートします。
  • 40枚の画像をまとめて圧縮します。
  • 最高の品質で圧縮します。
  • 高速で圧縮します。
  • CONS
  • 安定したインターネット環境が必要です。

ステップ1 ブラウザで Apeaksoft Free Image Compressor を開きます。クリック 画像の追加 [圧縮] ボタンをクリックして SVG 画像をバッチで選択するか、SVG 画像ファイルをオレンジ色の点線のボックスに直接ドロップします。

イメージの追加

ステップ2 最高の SVG 圧縮を使用すると、すべての SVG 画像を一度に圧縮できます。をクリックすると、 すべてのダウンロード ボタンをクリックすると、登録せずにコンピュータに保存できます。または、圧縮結果に基づいて個別の画像をダウンロードすることを選択できます。

SVG すべてダウンロード

2.img2Go

Img2Go はオンラインです SVG画像圧縮ツール。 SVG から JPG/PNG への変換、SVG のサイズ変更などのオプション設定をカスタマイズできます。

  • PROS
  • SVG、BMP、GIF、JPGなどをサポートします。
  • 圧縮中にSVGのサイズを変更します。
  • SVGを圧縮しながら変換します。
  • CONS
  • バッチ圧縮を行うにはアップグレードする必要があります。
  • SVG 形式が JPG/PNG に変更されます。
  • 処理時間が長くなります。

ステップ1 ブラウザで Img2Go に移動します。クリック ファイルを選ぶ ボタンをクリックするか、SVG ファイルをここにドロップします。

ステップ2オプション設定 あなたが選べるように。たとえば、保存先の画像ファイル (JPG/PNG) を選択する必要があります。 SVG のサイズを変更したい場合は、 画像のサイズを変更 ボタンをクリックして、希望の幅と高さをカスタマイズします。

オプション設定

ステップ3青をクリック 開始 ボタンをクリックしてプロセスを開始します。次に、これらの画像をコンピューターまたはクラウド ストレージに保存できます。

開始

3. WorkinTool ファイル圧縮ツール

WorkinTool ファイル圧縮ツールは、 MB画像からKBへのコンバータ。 Windows または Mac に無料でダウンロードできます。さらに、このソフトウェアでは、ビデオ、PDF、PPT など、より多くのファイル タイプを圧縮できます。

  • PROS
  • 画像、ビデオ、PDF 圧縮をサポートします。
  • 圧縮しても元の品質は維持します。
  • CONS
  • 無料版では、画像は 200KB 未満に圧縮されます。
  • PC にダウンロードする必要があります。
  • SVG 圧縮は失敗することがよくあります。

ステップ1 WorkinTool File Compressor を PC にダウンロードして起動します。クリック 画像圧縮 メイン インターフェイスのボタン。

ステップ2 クリック ファイルを追加 ボタンをクリックするか、ファイルをここにドラッグします。

ステップ3 カスタマイズする 基本設定 および 追加の設定 意のままに。次に、 圧縮する ボタンをクリックして機能させます。

WorkinTool ファイル圧縮ツール

パート 3. SVG 画像の圧縮方法に関する FAQ

GIMPでSVGのサイズを変更するにはどうすればよいですか?

GIMP をコンピュータに無料でダウンロードしてインストールしたら、次の場所にアクセスできます。 File > Open をクリックして大きな SVG ファイルを選択します。に行く 画像 > 高級イメージ。 あなたは見ることができます 幅(Width) および 高さ あなたがカスタマイズできるように。 GIMP で SVG のサイズを変更するには、希望の数値を入力します。次に、 規模 ボタンをクリックして変更を保存します。

SVG ファイルは不可逆圧縮または可逆圧縮を使用しますか?

SVG ファイルは可逆圧縮を使用します。そのため、品質やディテールを損なうことなく、SVG ファイルをより小さなファイル サイズに圧縮できます。

SVGはPNGよりも優れていますか?

場合によります。品質を損なうことなくスケーラブルな画像にもっと注意を払うか、Web ボタンやシンプルなアイコンを作成したいとします。その場合、PNG よりも SVG の方が優れています。ただし、複雑なグラフィックスや高品質の画像を作成したい場合は、SVG よりも PNG 形式の方が適しています。これは、PNG 形式がピクセルベースのラスター イメージ ファイルであるためです。

まとめ

このページでは、SVG ファイルとは何か、その長所と短所について学ぶことができます。そこで、自分の作業場面に適した SVG ファイルを見つけたとします。その場合、この画像形式を使用して SVG の利点を活用できます。必要に応じて、3 つを使用できます SVG圧縮 大きな SVG ファイルを圧縮して、Web パフォーマンスを向上させ、ストレージを節約します。

関連ガイド