SVG → PNG · アップロードなし

SVGからPNG ベクター入力。 ピクセル単位の出力。

SVGはウェブ上で最適です — 無限スケーリング、ファイルサイズが小さく、CSSスタイルが適用可能です。しかし、印刷店、ソーシャルメディアアップローダー、プレゼンテーションツール、メールクライアントはすべてラスタ形式を必要とします。コンバーターサイトはアップロードを他の作業の後にキューイングします。MorphはCanvasを介してブラウザタブ内でSVGを直接ラスタ化し、1x、2x、4xの密度で実行します。あらゆるサイズで鮮明で、アップロードなし、制限なし。デバイス上で動作するすべての機能は無料ですが、AIはクレジットで支払います。

01
ラスタライズ

画像エディターエンジンはSVGをブラウザのネイティブレンダラでレンダリングします。

viewBoxを読み取り、CSSを適用し、Chromeがライブウェブで使用する同じパスレンダラーを実行します。次に、Canvasを介してPNGに書き込みます。ベクターはどのサイズでもクリアにレンダリングされ、出力は高DPIのChromeスクリーンショットと同一です。

ツールを開く
デバイス上で実行 · 無料 · アカウント不要

実際に何ができるのか

02
SCALE

1× 2× 4× デンシティ

256×256のSVGは、256、512、または1024ピクセルのPNGに変換されます。画像エディターでカスタムサイズを指定し、ピクセル単位の正確な制御が可能です。

03
ALPHA

透明度が保持されます。

SVG rgba()およびopacity → PNG alpha。背景は透過 unless explicit。

04
プライバシー

ローカルのみのレンダリング

タブ内でそのまま。ログもサーバーも不要です。

仕組み

  1. どの現代のブラウザでも morph.cool を開けば、アカウントやインストールは必要ありません。
  2. .svgファイルをドロップゾーンにドラッグするか、SVGフォルダを選択してください。
  3. PNGを選択し、1x、2x、または4xの密度(または画像エディターでカスタム寸法)を選択します。
  4. Morphは、選択したピクセル寸法でCanvasを介してラスタ化します。
  5. ダウンロード。SVGはそのままです。アップロードは一切ありません。ログも取られません。
0%アップロード
16+画像形式

人々がこの変換を必要とする理由

SVGは、デザインシステム、Webアイコン、ビルドパイプラインに送信されるロゴ、CSSがレンダリングを制御できる場所で正しいフォーマットです。しかし、非技術的な表面にファイルを渡す必要がある瞬間 — スライドデッキ、印刷店、Instagram投稿、クライアントメール、他のツールがインポートできないデザインライブラリ — には、ラスター形式が必要です。PNGは、透明を含む「静止画像」として世界で合意されたフォーマットです。したがって、ラウンドトリップは常に継続されます:ソースをSVGのままに保ち、目的地が要求するときにPNGを送信します。Morphは、コーヒー1杯の価格で、SVGをローカルでラスタライズし、オリジナルのSVGはあなたのマシンから出ません。

アップロードサイトがまだ勝っている場面

数十万のSVGを夜間CIパイプラインでラスタライズし、クライアントデバイスごとに厳密なピクセル密度プロファイルを適用する場合、適切なキューイングを備えたサーバーサイドツールが適切です。しかし、メールにロゴを添付するためにブラウザでロゴを開く一般的なユーザーには、Morphが最適です。

よくある質問

なぜSVGをPNGに変換する必要があるのですか?

SVGはWebで最適です — 無限スケーリング、小さなファイルサイズ、CSSスタイルが可能。ただし、多くのデザインハンドオフツール、プレゼンテーションソフト、ソーシャルメディアアップローダー、メールクライアント、印刷サービスはSVGを拒否するか、不整合にレンダリングします。PNGは普遍的に受け入れられたラスターハンドオフです。

このトレーシングサービスやコンバーターサイトとはどう違いますか?

Morphは、ブラウザータブ内でCanvasを介してSVGを直接ラスタライズします — アップロードなし、キューなし、広告壁なし、毎日クォータなし。

PNGの解像度はどのくらいになりますか?

1x、2x、または4xの密度を選択します。MorphはSVGのviewBoxの寸法を読み取り、乗算します——256x256のSVGは256、512、または1024pxのPNGになります。画像エディターではカスタム寸法もサポートされ、正確なピクセル制御が可能です。

アルファチャンネルは保持されますか?

はい — 透明度が完全に保持されます。SVGのrgba()およびCSS opacityはPNGのアルファチャンネルに直接変換されます。キャンバスの背景は、SVGに明示的な背景矩形がない限り透明のままです。

SVGのフォルダ全体を一括処理できますか?

はい。アイコンのフォルダ、50 個のロゴ、200 個のデザイントークンをドロップできます。無料トライアルにはバッチ制限がありません。

iPhoneまたはiPadで動作しますか?

はい — iOSのSafariはSVGレンダリングとCanvas PNGエクスポートを完全にサポートしています。SVGをドロップし、PNGを選択し、Filesにダウンロードします。ラスタ化はiPhone上でローカルに実行され、サーバーにアクセスしません。

Open 画像エディター
Open the Image Editor
Nothing leaves your device · Free for what you make, credits for what we run