Web上のスケーラブルベクターグラフィックスに最適なファイル形式は？
新しいWebサイトを構築していますが、そのWebサイトのロゴをすべてのデバイス（デスクトップコンピューターからiPhoneおよびiPadのRetinaディスプレイまで）で同じように鮮明に表示したいと思います。
私が持っているロゴにはグラデーションやピクセルが含まれていないので、ベクター形式で簡単に保存できます。ただし、これに最適な形式が何であるかは誰にもわかりません。
SVGまたはPNGなどですか？
そして、どのようにSVGファイルを作成しますか？
グーグルでも入手できる情報はあまりありません。
これであなたの経験を共有してくれてありがとう。
SVGは「スケーラブルベクターグラフィックス」の略であるため、おそらくそれが最良の選択です;）PNGはピクセル形式であるため、ズームインまたはズームアウトするほどうまくスケーリングされません。
SVGイメージを実行するための一般的なライブラリは Processing.js です。チェックして、実行したいことを実行するかどうかを確認してください。
正解は次のとおりです。「状況によって異なります」、SVGはブラウザで描画するのが難しく、正しく表示されるにはいくつかの要因が関係しますが、PNGは、特にモバイルプラットフォームでは、表示が簡単です。 iOSデバイスは、PNG画像を描画するように最適化されています。
一方、svgには、好きなだけスケーリングできるという利点があり、ネットワークを介して送信できるように軽量です。
InkscapeまたはAdobeillustratorを使用してSVG画像を作成できます。
乾杯
ロゴデザインは、PDF、SVG、AI、EPS、DXFなどのいくつかの形式に維持する方が適切です。 （真のベクトル形式-スケーラブル/ロスレス）真のベクトル画像は、ピクセルや歪みなしで、無限に拡大縮小できます。
また、ビットマップ形式を使用する場合は、必ずPNGファイルに固執してください。 PNGは透明度をサポートし、ロスレスビットマップですが、それでもラスターイメージであるため、スケーリングするとある程度の品質低下が見られます。したがって、PNGは一部のWeb用途には最適ですが、印刷にはお勧めしません。
Web表示には.png形式をお勧めしますが、印刷デザイン/バージョンは真のベクター形式である必要があります。