タグ付けされた質問 「svg」

この質問は少なくとも政治的なものではありません！ ここにあるヒラリーのロゴのSVGバージョンを見ていると、Hの2つの垂直バーにノッチがあることに気付きました。しかし、なぜデザイナーがこれらのノッチを入れたのか非常に興味があります。誰か知っていますか？

226 logo  svg  best-practice 

Inkscapeには、選択したオブジェクトをsvgとしてエクスポートする機能がないことは知っていますが、それが機能することを知っている回避策はありますか？

101 inkscape  export  svg 

Inkscapeでsvgを編集していますが、別のオブジェクトの上にオブジェクトがあります。一番上のオブジェクトの形状を使用して、その下のオブジェクトをカットしたいと思います。 GIMPに慣れている人のために、「アルファから選択」ツールのようなことをしようとしています。

56 inkscape  svg 

HTML5、CSS3、SVGなどの新しいWebテクノロジーの利点について、私のサイトで記事を書いています。後者の利点の1つは、そうでなければ効果的な画像のテキストを選択できることです。 私はSVGが初めてで、Illustratorで最初のまともなグラフィックを作成しました。タグにUbuntuフォント用のGWFスクリプトを含むページに埋め込みました。結局のところ、Ubuntuフォントは通常のテキストで正しく表示されますが、このトリックをSVGで機能させるには、GoogleスクリプトをSVG自体に埋め込む必要があります。これどうやってするの？

48 svg  web-fonts 

viewBox = "-155.7 -99 510 510"のSVGファイルがあります。これにより、Mac OS Xプレビューのパスが-155.7 -99相殺されたと思います。IllustratorでSVGを開くと、パスがまったくオフセットされません。このsvgをどのようにエクスポートしますか： viewBox = "0 0 510 510" そして、すべてのパスが-155.7 -99のオフセットを追加しました アートボードの位置を変更しようとしましたが、ビューボックスの原点が0,0になることはありません。

38 adobe-illustrator  svg 

ウェブサイトで使用している画像があります。SVGを使用して、任意のサイズでありながら鮮明に見えるようにします。 このドロップボックスには、SVGファイルと元のIllustratorファイルが含まれています。 これはJPEGエクスポートです。 SVGのファイルサイズはJPGよりもはるかに大きくなります。同様のファイルサイズになるようにSVGを最適化することは可能ですか？それが役立つ場合、品質の一部を失う可能性があります。このSVGオプティマイザーを試しましたが、それほど違いはありませんでした。 イラストレーターファイルをJPGとして保存し、結果をトレースしてSVGとして保存すると、ファイルサイズはかなり小さくなりますが、品質は多少低下します。これは、おそらく元のレイヤーが大きなサイズを引き起こしていると思いますか？私が使用している画像は、SVGに適さないほど複雑すぎませんか？

37 adobe-illustrator  svg  image-format  file-size  optimization 

Illustrator CS6でラスターイメージをベクターに変換するには、Image Traceを使用してからExpandオプションを使用しましたが、svgとして保存すると、イメージはエンボス加工されたように見えます。レイヤーの背景が白で、パスが並んでいないためだと思いますが、手動ですべてのパスを調整することなく、それを修正する方法や理論を証明する方法がわかりません。 これは、Illustratorでエクスポートする前の外観です。 アート最適化オプションを使用して保存/エクスポートすると、画像は次のようになります。

35 adobe-illustrator  svg 

ウィキペディアには解剖学SVGの広範なセットがありますが、PhotoshopやGIMPで操作できるレイヤーを含むソースファイルがないため、さまざまな臓器やパーツを動的に強調表示することはできません。 .SVGファイルを編集するにはどうすればよいですか？

30 vector  svg  file-format  image-editing 

ウェブサイト向けの透明な背景の画像をエクスポート/保存する場合、PNGまたはSVGとして保存する必要がありますか？どうして？

29 website-design  png  svg  file-format  best-practice 

SVGファイルがあり、その反対を作成したいです。それはモノクロのアイコンで、ロゴが透明で残りの長方形が塗りつぶされたパスが必要なバージョンです。 理論的には、それは一般的な問題であるように感じられ、Inkscapeのようなものには「パスの反転」（または同様の）機能があるはずですが、実際にはInkscapeやGoogleに関連するヘルプは見つかりませんでしたか？ ありがとう！

28 inkscape  svg 

Inkscapeを使用してカスタムFacebookアイコンを作成し、svgとして保存しました。これは、ページのタイトルと同じフォントを使用し、CSSファイルで.woffとして参照した「ubuntutitling-bold-webfont」フォントを使用します。タイトルは機能しますが、svgは機能しません。 "f"が何らかのデフォルトフォントで表示されます。フォントファイルは、CSSおよび画像ファイルとの相対関係では../fonts/ubuntutitling-bold-webfont.woffにあり、Webページとの相対関係ではfonts / ubuntutitling-bold-webfont.woffにあります。 私は泉、私はSVGにGoogleウェブフォントを埋め込むにはどうすればよいですか？、しかし、必要に応じてコードをSVGに適用する方法について少し混乱しています。SVGは、CSSファイルで参照されている.woffフォントを使用できますか？SVGファイル内のフォントを手動で変更した方法は正しいですか？ SVGのコードは次のとおりです。 <?xml version="1.0" encoding="UTF-8" standalone="no"?> <!-- Created with Inkscape (http://www.inkscape.org/) --> <svg xmlns:dc="http://purl.org/dc/elements/1.1/" xmlns:cc="http://creativecommons.org/ns#" xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#" xmlns:svg="http://www.w3.org/2000/svg" xmlns="http://www.w3.org/2000/svg" xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd" xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape" width="80" height="80" id="svg2" version="1.1" inkscape:version="0.48.3.1 r9886" sodipodi:docname="New document 1"> <defs id="defs4" /> <sodipodi:namedview id="base" pagecolor="#ffffff" bordercolor="#666666" borderopacity="1.0" inkscape:pageopacity="0.0" inkscape:pageshadow="2" inkscape:zoom="1" inkscape:cx="26.573808" inkscape:cy="42.478414" inkscape:document-units="px" inkscape:current-layer="layer1" showgrid="false" fit-margin-top="0" …

28 css  svg  web-fonts 

フォトショップからシェイプをパスとしてエクスポートし、それをイラストレーターで埋めました。シェイプをsvgまたはepsとして保存したいのですが、オブジェクトの周りの余分な空白をすべて保存したくありません。アートボードではなく、オブジェクトのサイズに合わせて切り抜きたいです。Adobe Illustrator cs6でこれを行うにはどうすればよいですか？

27 adobe-photoshop  adobe-illustrator  vector  cs6  svg 

InkScapeでアイコンを描画し、すべての妥当な解像度（16x16、32x32、... 256x256など）のスプライトを含むICOファイルにエクスポートしたいと思います。どのようにこれを行うことができますか（Photoshop、CorelDrawなどの巨大で高価なソフトウェアを使用せずに）？

24 inkscape  icon  svg  favicon 

こんにちは。イラストレーターは初めてで、「Skia-Regular」フォントを使用する画像を作成しました。しかし、その画像を.svg形式で保存すると、フォントタイプが変更されます。また、ブラウザで.svg形式のファイルを開くと、フォントがまったく異なります。誰が私が間違っているのか教えてください。notepad ++でも.svgファイルを開いたところ、font-family = "'Skia-Regular'と表示されていますが、フォントはまだSkia Regularではありません。 参考のために画像も添付されています

24 adobe-illustrator  vector  logo  svg 

現在、保存されたsvgファイルには白とグレーの市松模様の背景がありますが、これは背景が透明であるためと思われます。これを白い背景にしようとしています。他の回答を見ましたが、ファイルに移動するように言われました。Inkscapeでファイルボタンが見つからなかったため、単純に背景の四角形を追加することにしました。これを行った後、問題はまだ解決されていません。 何も機能しないのはなぜですか？この問題を修正するにはどうすればよいですか？

23 inkscape  svg  transparency  background