Webサイトロゴ用SVGからPNGへの変換ツール

SVGからPNGへの変換ツール

SVGをブラウザー内で無料PNG変換。幅、倍率、透明または単色背景を選び、ロゴサイズをプレビューしてPNGまたは複数サイズのZIPをダウンロードできます。

SVGファイルまたはコードを貼り付け、幅または倍率、透明または単色の背景を選び、鮮明なPNGをダウンロードします。よく使われるWebサイト用ロゴサイズをまとめたZIPも取得できます。変換はブラウザー内で行われるため、ファイルはアップロードされません。

SVGファイルを選ぶか、SVGコードを貼り付けます。2 MBまでのファイルに対応します。
SVGのwidth、height、viewBoxからサイズを読み取ります。viewBoxがない場合は警告します。SVGをきれいに拡大縮小するために必要な情報です。
描画前にスクリプト、イベントハンドラー、外部ファイルへのリンクを除去するため、SVGからコードが実行されたり、データが取得されたりしません。
幅または倍率（1x〜4x）と背景を選びます。出力の長辺は4096ピクセルまでです。
PNGをダウンロードするか、ヘッダーロゴ、高解像度ヘッダーロゴ、正方形アイコン、SNSカードの各サイズをまとめたZIPをダウンロードします。

可能な場合はWebサイトでSVGを使いましょう。どのサイズでも鮮明で、通常PNGより小さくなります。メール署名、SNSプロフィール、SVGに対応しない場所ではPNGを使います。
高密度のスマートフォンやノートパソコンの画面でも鮮明に見えるよう、表示サイズの2倍でロゴを出力しましょう。
ロゴの文字が違うフォントで表示される場合、ブラウザーにないフォントをSVGが参照しています。デザインツールで事前に文字をアウトライン化してください。
色付きヘッダーに載せるロゴは透明背景にします。一部のメールソフトのように透明部分を黒で表示する場所では白を使いましょう。

はい。登録不要で無料です。内蔵canvasを使って利用中のブラウザーで変換し、SVGをWe.Incや他の誰かにアップロードしません。

透明オプションを選べば維持されます。SVGで何も描画されていない部分はPNGでも透明です。白または任意の単色背景も選べます。

Webサイトのヘッダーでは、表示サイズの2倍で出力します。幅200ピクセルで表示するロゴなら幅400ピクセルで出力します。サイズセットには200, 400, 512の正方形と1200 by 630のSNSカードが含まれます。

よくある原因は、ブラウザーにないフォント、セキュリティ上読み込まれない外部サイトの画像、別ファイルに保存されたCSSです。文字をアウトライン化し、画像をSVG内に埋め込むと解決できます。

SVGファイルは最大2 MB、PNG出力は長辺4096ピクセルまでです。変換を速くし、スマートフォンのメモリ不足を防ぐためです。

ロゴ、アイコン、シンプルなイラストは、どのサイズでも鮮明で軽量なSVGが適しています。写真やSVGを受け付けない場所ではPNGまたはWebPを使います。

SVGはピクセルではなく図形を記述するため、スマートフォンで40ピクセルでも大画面で400ピクセルでもロゴが鮮明です。シンプルなロゴなら数KB程度で、置き換えるPNGより小さいこともあります。
SVGが受け付けられない、または安全に表示できないメール署名、SNSプロフィール画像、出品画像、多くのフォームにはPNGが適しています。こうした場合にこの変換ツールが役立ちます。

viewBoxは図形の座標範囲をブラウザーに伝えます。viewBoxがないSVGは元の幅と高さでしか表示できない場合があり、サイズ変更時に拡大縮小されず、切り取られたり余白ができたりします。警告が出たらデザインツールでファイルを開き、viewBoxを保持して再出力してください。

無料で始める · クレジットカード不要