svgにアニメーションをつけたい時、chatGPTやcluaude Opusを使ってsvgファイル（またはコード）を読み込ませた後、アニメーションを付けてくれと言うと、簡単にアニメーション付きのsvgが実装できます。

GPT-4o、svgファイル扱えるじゃん！ベクターデータでもその配置や構図が何を表しているか解釈できてるっぽい！ pic.twitter.com/FaxWEsdgwM

ピクトグラムを作る課題を出されたので、初めてInkscapeを使ってみた。何を表しているかわかるでしょうか （いらないだろうけど）必要ならSVGファイルあげます pic.twitter.com/sesrzyLgXY

不具合修正と欠けている地域の追加と、SVGファイルに1発で飛べるリンクを国と地域の数だけ埋め込んだ。

返信先:@Kaitou1192ですよね、コートのテキストエディターで編集する内容にはどうも思えず、でも分からずでいました🤔 画像データをsvg形式で書き出してSVGファイル上に記述すればよいことを本日知りました！ 本当にとても参考になります！🙏 ありがとうございますー！🙆‍♂️

Word Pressおすすめプラグイン ▶️Safe SVG ベジェデータの画像で綺麗かつ美しく出力できるようになる。 これがないとSVGデータがアップできない。 ▶️EWWW Image Optimizer webpという超軽量化画像ファイルに変換してくれる。 pngやjpgよりも劇的に軽いので、表示速度が速くなりストレス軽減。

返信先:@WebKamesukeSVGファイルはイラレで編集するのが楽で良いですよ

ChatGPT-4o, SVG ファイルはわかんないみたい

簡単なsvgはHTMLの中に埋め込んでおきましょう。 WordPressで使う場合は、include_onceで最初の１回だけsvgファイルを埋め込みするようにします。 #Webデザイン #ホームページ制作 #webデザイン勉強中 #Webデザイナー

SVGファイルの編集方法についてはいまいち掴めなかったのだよな。 ファイル内に画像もテキストも線の情報も含んでいて、 それをまとめて1つの画像データとして外部から呼び出してるのかな。 線の描画が後から編集するのに適した書き方には見えなかったのだけれど、 何かいい編集方法があるのかな。

返信先:@tough_dog79FPベクターデータのことですかね。 ドットで構成されているJPEGやPNGのよつな「画像ファイル」ではなくて、illustratorとかで残すaiファイル、eps、SVGとかかなと、推測しました。

返信先:@86p_trpgCADではなくBlender使ってるので分からんですが、svgにしているのはBlenderの都合なので、他のファイル形式でも読み込めれば良さそうですね qiita.com/maboy/items/56…

IKEA KNOPARE クノーパレの追加パーツを作成するために使用できるSVGファイルと3Dサンプル(STLファイル)をGitHubにて公開しました github.com/od1969/KNOPARE #IKEA #KNOPARE #3Dプリント pic.twitter.com/IutQSNnWsx

30MBのSVGファイル、とは…？

#aviutl #idea aviutlのテキストオブジェクトをsvgファイルにして読み込んでしまえば、拡大縮小で文字の輪郭ボケが気にならないようになるのでは？誰かやってないかな？

SVGを使うと、色の変更がしやすいから、ホバーアクションなどを付ける場合は便利📝 ポイントは、①svgをhtmlに入れる、②色は、cssでfillやstrokeを使って調整すること📍 苦手意識あったけど、ファイルサイズも減らせるし、いいことばかり🌟 積極的に使っていきます😊 pic.twitter.com/c8CLKBiiwd

TSX と SVG×4 で動的画像を実装 Next.jsの機能 ・import文で画像を取込み ・getImageProps()で<source>や<img>向けのPropsを取得 ・配信画像のファイル名にContentHashが付与される HTML/JSXの機能 ・<picture>,<source>,<img>で画像を表示 ・<source>のmedia(query)属性で画像を切替え pic.twitter.com/mrHGeDTe0S

キュリオ2（CURIO2）覚書 ①イラレ2024でaiファイルをSVG(カラーモードはRGV)で保存 ②シルエットスタジオビジネスでSVGファイルを開く（ベクターデータで読み込みOK）

返信先:@tuat_yate他1人svgファイルだったら大体大丈夫なんで気軽に来てください

SVGファイルで保存しても読み込まなかったのは「RGB」が肝だったのか。 シルエットスタジオも練習せねば。

【対策方法】 aiデータをSVG形式で保存し、シルエットスタジオでインポートする ①シルエットスタジオはRGBがデフォルトのため、aiデータのカラーモードをCMYKからRGBに変更してSVG形式で保存。 ②　①で保存したSVGファイルをシルエットスタジオビジネスエディションでインポートする。

毎度のことながらWordのPNG画像のPDF出力オワってる svg画像なら綺麗に出力できるんだけどなあ svgファイルが重すぎてWordに読み込めない→ 仕方なくggsaveで高解像度png形式出力→ WordでPDF出力→ 非圧縮オプション有効にしても解像度が落ちる

卒業制作のカフェは画像がいっぱいあってダウンロードで相当時間かかった。 今回はsvgファイル以外は全部webpに変換した。

返信先:@kazunoko_maiファイルがうまくsvg化できず断念😭

今度のDrupal Meetup Tokyo用にロゴを3Dプリンタで印刷してピンバッジ作ろうと思ったけど、PNGファイルをうまくSVG化できず断念。。。

SVGファイルで個別パス付きで書き出せるのは便利すぎるやろお…😭✨ pic.twitter.com/0q56ojvb1X

文字整備事業時のSVGファイルがなくなってしまったのはなぜか。 moji.or.jp/mojikiban/

とりあえず現場は抜けられる事になって一安心です。 あんま詳しく書けないけどほんま理不尽だからね。 必要なSVGファイルすらまともに提供してくれないくせに進捗詰められるし。

これフォルダ配下のファイルの拡張子チェックするときによく使う。 pdf、svg、png、jpeg、xlsx…なるほど。どう調理しようか。みたいな。 俯瞰してみれるけど多すぎるとこの後の絞り込みをしなきゃ人の目じゃ追いつけない。 むしろパスだけだーっとの方が調理しやすかったり。 dir /s /b みたいな。

返信先:@tak_dcxiご存知でしたら申し訳ありません！ Astro IconでSVGファイルをサクッとアイコン化したり、Iconifyも使えるので便利です。 astroicon.dev/getting-starte…

svgオブジェクトで背景を作って横方向のみ可変にしたかったができなかった。理由はpreserveAspectRatio="none"をsvgタグに設定していなかったから。Illustratorから書き出したsvgファイルにはこれがついていないのでテキストファイルで付け足した。 qiita.com/moriyuu/items/…

GitHub Markdown、SVG だろうと PNG だろうと Data URL 形式で Markdown に埋め込んでもレンダーしてくれないことがわかった。。。 素直にファイルをアップロードするか

SVGファイルだとアイコンに出来ないからスクショしたせいで良さが消えてるの泣く

遊びでフォントセットの一部差し替えをしていたんだけど、SVGファイル作成時点のデータに誤りがあることがわかって泣きそうになってる。 うおん。

DiscordでSVGファイル送ると面白いことになるね

WPFの場合はSVGファイルを埋め込めず。 Resourcesとかディレクトリを作る。 画像ファイルのプロパティ ビルドアクション：リソース 出力ディレクトリにコピー：コピーしない » [WPF] Imageコントロールで画像を表示する　技術ブログ blog.pionet.co.jp/experience/arc… pic.twitter.com/K7tyS0TzG6

UWPでSVGファイルを表示。 SVGファイルをAssetsディレクトリにコピーしても表示されないと思ったら、Assetsで既存の項目で追加したらプレビュー出た。 WPFだとSvgImageSource使えず、XAMLに変換するかSharpVectors使うっぽい。 learn.microsoft.com/ja-jp/windows/… pic.twitter.com/L9SqlhWEYH

【手動でSVGをReactコンポーネント化】 【ポイント】 ・SVGをReactコンポーネント化する方法 ・SVGファイルをimportしてWrappedComponentにラップ ・propsで色やサイズを変更可能 ・再利用性が高くメンテナンス性向上 ・コンポーネントの分割とカプセル化を実現 By @hayato94087

昔はベクターデータはepsが標準だったし、高機能化に伴い修正の容易なaiファイルが当たり前になった。svgはアドビの一部ソフトでしかサポートしてなくて消える形式と思われていたけど、スマホ向けのデータ軽量化で息を吹き返した。