9

新しいWebサイトを構築していますが、そのWebサイトのロゴをすべてのデバイス（デスクトップコンピューターからiPhoneやiPadのRetinaディスプレイまで）で同じように鮮明に表示したいと思います。

私が持っているロゴにはグラデーションやピクセルが含まれていないので、ベクター形式で簡単に保存できます。ただし、これに最適な形式が何であるかは誰にもわかりません。

それはSVGまたはPNGですか？

そして、どのようにSVGファイルを作成しますか？

グーグルでも入手できる情報はあまりありません。

これであなたの経験を共有してくれてありがとう。

4

4 に答える 4

10

SVGは「スケーラブルベクターグラフィックス」の略であるため、おそらくこれが最良の選択です;）PNGはピクセル形式であるため、ズームインまたはズームアウトするほどうまくスケーリングされません。

SVGイメージを実行するための一般的なライブラリはProcessing.jsです。それをチェックして、希望どおりに動作するかどうかを確認してください。

于 2012-04-21T15:57:26.350 に答える
9

正解は次のとおりです。「状況によって異なります」、SVGはブラウザで描画するのがより難しく、正しく表示されるためにはいくつかの要因が関係しますが、PNGは、特にモバイルプラットフォームでは、より簡単に表示できます。 iOSデバイスは、PNG画像を描画するように最適化されています。

一方、svgには、好きなだけスケーリングできるという利点があり、ネットワークを介して送信するために軽量です。

Inkscapeまたはadobeillustratorを使用してSVG画像を作成できます。

乾杯

于 2012-04-21T15:59:24.470 に答える
5

ロゴデザインは、PDF、SVG、AI、EPS、DXFなどのいくつかの形式に維持する方が適切です。（真のベクトル形式-スケーラブル/ロスレス）真のベクトル画像は、ピクセルや歪みなしで、無限に拡大縮小できます。

また、ビットマップ形式を使用する場合は、必ずPNGファイルに固執してください。PNGは透明性をサポートし、ロスレスビットマップですが、それでもラスターイメージであるため、スケーリングするとある程度の品質低下が見られます。したがって、PNGは一部のWeb用途には最適ですが、印刷にはお勧めしません。

Web表示には.png形式をお勧めしますが、印刷デザイン/バージョンは真のベクター形式である必要があります。

于 2015-12-13T11:35:55.483 に答える
1

おやおや-それらの多くがあります。また、ラスター+ベクターデータを保持する複合形式（一般的なPDF形式など）もあります。どういうわけかロゴをベクターデータとしてPDFにエクスポートすることを考えると、PDFソリューションが最も移植性が高いと思います。地獄、あなたもjavascriptだけでPDFを表示することができます。または、AdobeFlashPathを使用することもできます...

于 2012-05-28T14:04:19.833 に答える