SVGをPNGに変換する：Windows、Mac、スマホなど全プラットフォームガイド
> SVGをPNGに変換する：全プラットフォーム完全ガイド
SVGファイルはデザイナーや開発者の間でますます人気が高まっていますが、常にSVGが必要とは限りません — ソーシャルメディアのアップロード、PowerPointのイラスト、メール署名、スマホの壁紙など、多くの場面でPNGが必要です。問題は、デバイスやOSによってSVGの処理方法が大きく異なることです。
本ガイドでは、Windows、macOS、Linux、iOS、Android、ChromebookでSVGをPNGに変換する最良の方法を、詳細な手順付きで紹介します。
> すべてのプラットフォーム共通：ブラウザ変換
どのデバイスを使っていても、ブラウザがあればオンラインツールが使えます。最も汎用的なソリューションです。
svg2img.cc（推奨）
svg2img.ccは無料のオンラインSVG→PNG変換ツールで、すべての処理がブラウザ内で行われます — ファイルがサーバーにアップロードされることはありません。
あらゆるデバイスでの手順：
- デバイスのブラウザでsvg2img.ccを開く
- SVGファイルをドラッグ＆ドロップまたは選択
- 出力形式をPNGに選択
- 寸法を調整（オプション）
- 変換をクリックしてダウンロード
推奨する理由：
- ブラウザがあるデバイスなら何でも動作（スマホやタブレット含む）
- ファイルはデバイス内に留まり、サーバーアップロードなし
- ソフトウェアのインストール不要
- バッチ処理対応
💡 スマホのヒント：スマホのブラウザでsvg2img.ccを開き、「ファイルを選択」をタップしてファイルマネージャーからSVGを選択。一部のスマホではSVGを先にローカルストレージにダウンロードする必要があります。
> Windows
方法1：ペイント3D
Windows 10/11に付属のペイント3DでSVGを開き、PNGとしてエクスポートできます。
- SVGファイルを右クリック → 「プログラムから開く」→「ペイント3D」
- 開いたら、左上の「メニュー」をクリック
- 「名前を付けて保存」→「画像」を選択
- PNG形式を選択
- 寸法を設定して保存
方法2：Inkscape（無料）
InkscapeはWindows向けの最も強力な無料SVGエディター兼コンバーターです。
# wingetでインストール
winget install Inkscape.Inkscape
# インストール後のコマンドライン変換
inkscape input.svg --export-filename=output.png --export-dpi=300
GUIの使用方法：
- Inkscapeを開き、SVGファイルをドラッグ
- ファイル → PNG画像のエクスポート（Ctrl+Shift+E）
- エクスポート領域とDPIを選択
- エクスポートをクリック
方法3：ImageMagick
# Chocolateyでインストール
choco install imagemagick
# コマンドライン変換
magick convert -background none input.svg output.png
# バッチ変換
magick mogrify -background none -format png *.svg
> macOS
方法1：プレビュー — 直接は不可
macOS標準のプレビューアプリはSVGファイルを開けますが、PNGへの直接エクスポートはできません。SVGをダブルクリックするとSafariで開きます。
代替案：
- SafariでSVGファイルを開く
- スクリーンショット（Command+Shift+4）— ただし解像度が不十分
- より良い方法は以下の通り
方法2：svg2img.cc
MacのSafariまたはChromeでsvg2img.ccを開き、SVGをドラッグして変換。インストール不要でプライバシーも安全な最もシンプルなMac向けソリューションです。
方法3：Inkscape for Mac
# Homebrewでインストール
brew install --cask inkscape
# コマンドライン変換
inkscape input.svg --export-filename=output.png --export-dpi=300
方法4：sips（標準搭載）
macOSにはsipsコマンドが付属しており画像フォーマット変換が可能ですが、SVGのサポートは限定的です。SVGがすでに他のビットマップ形式（TIFFなど）にラスター化されている場合、sipsでPNGに変換できます：
sips -s format png input.tiff --out output.png
方法5：Automatorクイックアクション
Finderのクイックアクションを作成し、右クリックでSVGをPNGに変換：
- Automatorを開く → 新規「クイックアクション」
- 「ワークフローが現在受け取る項目」を「イメージファイル」に設定
- 「シェルスクリプトを実行」アクションを追加
- 変換スクリプトを入力（InkscapeまたはImageMagickを呼び出し）
- 「SVG to PNG」として保存
> Linux
方法1：コマンドラインツール
Linuxユーザーは最も豊富なCLIツールが使えます：
# ImageMagick
convert -background none input.svg output.png
# Inkscape CLI
inkscape input.svg --export-filename=output.png --export-dpi=300
# rsvg-convert（軽量）
rsvg-convert -w 1024 -h 1024 input.svg -o output.png
# cairosvg（Python）
pip install cairosvg
cairosvg input.svg -o output.png
方法2：rsvg-convertのインストール
rsvg-convertは最も軽量なSVG→PNGコマンドラインツールです：
# Ubuntu/Debian
sudo apt install librsvg2-bin
# Fedora
sudo dnf install librsvg2-tools
# Arch
sudo pacman -S librsvg
# 使用方法
rsvg-convert -w 2048 -h 2048 input.svg -o output.png
方法3：GIMP
# インストール
sudo apt install gimp
# バッチ処理（Script-Fu）
gimp -i -b '(let* ((image (car (file-svg-load RUN-NONINTERACTIVE "input.svg" "input.svg" 72 1024 1024))) (drawable (car (gimp-image-flatten image)))) (file-png-save RUN-NONINTERACTIVE image drawable "output.png" "output.png" 0 9 1 1 1 1 1)) (gimp-quit 0)'
> iOS（iPhone / iPad）
方法1：Safariブラウザ
iPhoneまたはiPadのSafariでsvg2img.ccを直接開きます：
- Safariを開く
- svg2img.ccにアクセス
- 「ファイルを選択」をタップし、ファイルAppからSVGを選択
- 変換完了を待つ
- 変換された画像を長押し → 写真に保存
方法2：ショートカットApp
iOSショートカットを作成してプロセスを効率化：
- ショートカットAppを開く
- 新規ショートカットを作成
- アクションを追加：ファイルを取得 → Safariでsvg2img.ccを開く
- または「URLの内容を取得」アクションで変換APIを呼び出し
方法3：サードパーティApp
App StoreにはSVG関連のアプリがいくつかありますが、多くは機能が限定的です。ブラウザベースのソリューションを推奨します。
> Android
方法1：Chromeブラウザ
iOSと同様、Chromeでsvg2img.ccを開くのが最もシンプルな方法です：
- Chromeを開く
- svg2img.ccにアクセス
- 「ファイルを選択」をタップ
- ファイルマネージャーからSVGを選択
- 変換されたPNGをダウンロード
方法2：サードパーティApp
Google PlayにはSVGビューアー・コンバーターアプリがいくつかあります：
- SVG Viewer — SVGファイルの表示とスクリーンショット
- Image Converter — 複数フォーマット変換対応
⚠️ サードパーティアプリのプライバシーポリシーに注意 — 一部のアプリはファイルをサーバーにアップロードして処理します。プライバシーが懸念される場合は、svg2img.ccのようなブラウザローカル処理のソリューションを優先してください。
> Chromebook
方法1：Chromeブラウザ
ChromebookはChrome OSで動作するため、ブラウザソリューションが最も自然です：
- Chromeを開く
- svg2img.ccにアクセス
- SVGファイルをドラッグ＆ドロップまたは選択
- 変換してダウンロード
方法2：Linuxコンテナ（上級者向け）
ChromebookはLinuxコンテナ（Crostini）をサポートしており、CLIツールをインストールできます：
# ChromebookのLinuxコンテナで
sudo apt update
sudo apt install imagemagick inkscape
convert -background none input.svg output.png
> プラットフォーム比較
| プラットフォーム | 最もシンプル | 最高品質 | CLI オプション |
|---|---|---|---|
| Windows | svg2img.cc | Inkscape | ImageMagick |
| macOS | svg2img.cc | Inkscape | Inkscape CLI |
| Linux | rsvg-convert | Inkscape | ImageMagick / rsvg |
| iOS | svg2img.cc | — | — |
| Android | svg2img.cc | — | Termux + ImageMagick |
| Chromebook | svg2img.cc | — | Linux コンテナ |
> 特殊なシナリオ
メールクライアント向けの変換
メールテンプレートには通常PNG形式が必要です。SVG添付ファイルを受け取った場合：
- SVG添付ファイルをデバイスにダウンロード
- ブラウザでsvg2img.ccを開く
- SVGをアップロードしてPNGに変換
- PNGをメールに挿入し直す
Office文書（Word / PowerPoint）向け
Office 2019以降はSVGファイルを挿入できますが、すべてのOfficeバージョンでの互換性を確保するには：
- svg2img.ccでSVGを高解像度PNG（300 DPI）に変換
- Word/PowerPointにPNGファイルを挿入
ソーシャルメディア向け
ソーシャルメディアプラットフォームのSVGサポートは限定的です。ほとんどのプラットフォーム（Instagram、Twitter/X、Facebook）はビットマップ形式のみを受け付けます：
- svg2img.ccでPNGに変換
- 1080×1080または1200×630の寸法を使用（プラットフォームにより最適サイズは異なる）
- ダウンロード後、ソーシャルメディアに直接アップロード
> 適切な出力サイズの選び方
用途によって必要な出力サイズが異なります：
| 用途 | 推奨サイズ | DPI |
|---|---|---|
| ウェブアイコン | 16×16 ~ 512×512 | 72 |
| ソーシャルメディア共有 | 1200×630 | 72 |
| Instagram投稿 | 1080×1080 | 72 |
| PowerPointイラスト | 1920×1080 | 150 |
| 印刷 | サイズ × 3.5 | 300 |
| アプリアイコン | 1024×1024 | 72 |
| メール署名 | 200×60 | 72 |
> まとめ
どのデバイスを使っていても、SVGからPNGへの変換は簡単です：
- すべてのデバイス：svg2img.cc — ブラウザで開くだけ、サーバーアップロードなし
- Windows / Mac / Linux：InkscapeまたはImageMagickをインストールして最高品質とバッチ処理を実現
- スマホ / タブレット：モバイルブラウザでsvg2img.ccを直接使用
デバイスとニーズに合った方法を選べば、数分で変換が完了します。
> よくある質問
Q: スマホでSVGファイルが開けないのはなぜですか？
A: ほとんどのスマホOSにはSVGビューアーが内蔵されていません。ブラウザで直接SVGファイルを開くか、svg2img.ccで先にPNGに変換してから確認してください。
Q: OfficeにSVGを挿入すると表示がおかしくなります。どうすれば？
A: SVGサポートはOfficeのバージョン間で大きく異なります。先にPNGに変換してから挿入してください。svg2img.ccで高DPI（300など）でエクスポートすれば、文書内で鮮明に表示されます。
Q: 変換したPNGがデバイスによって色が違って見えます。なぜ？
A: デバイスによって画面の色域とキャリブレーションが異なります。SVGがsRGBカラースペースを使用していること、変換時にカラースペース変換が行われていないことを確認してください。
Q: インターネット接続なしで変換するには？
A: ローカルソフトウェアをインストールしてください：WindowsではInkscapeまたはImageMagick、MacではInkscape（brew install --cask inkscape）、Linuxではrsvg-convertまたはImageMagick。
Q: Chromebookでsvg2img.ccは使えますか？
A: もちろんです。ChromebookのChromeブラウザはsvg2img.ccを完全にサポートしています。すべての処理はブラウザ内で行われ、追加ソフトウェアは不要です。
Q: 変換した画像がぼやける場合はどうすれば？
A: 出力DPIまたは寸法を上げてください。svg2img.ccではカスタム寸法を設定できます。実際の表示サイズの少なくとも2倍に設定することをお勧めします。