window.addEventListener(‘message’, function (event) {
if (!event.data || event.data.type !== ‘resize’) return;
const iframe = document.getElementById(‘lovable-frame’);
if (iframe && typeof event.data.height === “number”) {
iframe.style.height = event.data.height + “px”;
}
});
SVGをPNGに変換する理由
SVGファイルは、スケーラビリティと小さいファイルサイズのため、ロゴ、アイコン、イラストレーションに最適です。ただし、すべてのプラットフォームまたはアプリケーションがSVGをサポートしているわけではなく、互換性、編集、またはウェブ出版のために、ラスタ画像が必要になることがあります。
SVGをPNGに変換すると、透過性を保持した高品質の静的な画像が生成され、ほぼすべての現代のデバイス、ブラウザ、デザインツールで使用できます。
PNG形式の主な利点
-
✅ 無損圧縮 – PNGは、画像の品質を維持し、視覚的な損失はありません。
-
✅ 透過性のサポート – 透過性のある背景が必要なロゴ、アイコン、レイヤードデザインに最適です。
-
✅ ユニバーサルな互換性 – PNG画像をウェブサイト、プレゼンテーション、メール、または印刷資料に簡単に挿入できます。
ツールの使用方法
-
SVGファイルのアップロード
「SVGファイルを選択」または、ベクターグラフィックを上のボックスにドラッグアンドドロップします。 -
自動変換
ツールは、SVGを高解像度のPNG画像に変換します。 -
PNGのダウンロード
「PNGをダウンロード」ボタンをクリックして、画像をデバイスに保存します。 -
どこでも使用
PNGファイルは、公開、編集、またはプロジェクトへの統合のために使用することができます。
よくある質問
SVGからの透過性は保持されますか?
はい。PNGは透過性をサポートし、このツールはSVGファイルの透過性のある要素を保持します。
無損とは何ですか?
無損圧縮は、画像データを削除せずにファイルサイズを削減し、変換されたPNGが意図したとおりに表示されることを保証します。
このツールは無料で安全ですか?
絶対に無料です。このツールはブラウザベースで、完全に無料で使用でき、ファイルは変換後には保存されません。
他の画像形式に変換できますか?
はい。以下のファイル形式を選択してください。
.conversion-footer {
font-family: system-ui, sans-serif;
