犬小屋メモ

ご近所さんが二日連続でバーベキューしていた。いいね！家でバーベキューなんてもう10年以上していない。炭火で焼くと何でも美味くなるから不思議。焼肉食べたい。

2024年版、ファビコン画像の作成方法と設置方法、さまざまなデバイスに対応させるには6種類のファイルが必要
こちらの記事を参考にファビコンを設定していて、Firefoxでは問題無く表示できていたけれど、Edgeで表示できていないことに気付いた。自分のサイトも同じ方法でファビコン実装しているので確認してみたが、そっちはちゃんと表示できている。色々試してみてSVGファイルが原因だと分かった。imageだから駄目なのかとpathにしたら表示されるようになった。でも、もしかしたら下記が原因だったのかも。
ChromeとEdgeでSVG画像が表示されない場合の解決策
差し替え前のSVGファイルを確認したら『data:img』となっていた。これかな？

それで今気付いたんだけれど、このサイトの絵文字ももしかしたら表示されていない？慌てて確認したが普通に表示されている。data:img入っているのに何でだろう。じゃあ別の原因だったのかな？

SVGファイルのimageをpathに変換するの、線画部分はできたが塗りつぶし部分のやり方がどうしても分からなくて、絶対これ違うよ～！と思う方法でやってみた。
（1）クリスタのベクターレイヤーで線画を描く
（2）同じくベクターレイヤーで塗りたい範囲を縁取る
（3）イラレでパスの塗りつぶしをする

←この絵文字を差し替えた。拡大すると分かりやすい。

でも、絵文字こんなに拡大することってまずないから、手間の割に……って感じだ。しかも最初からイラレで描けば良いのでは

絵文字svgファイルで作成しているけれど、クリスタで作成→PSD形式で保存→PSDにて書き出ししているので、パス情報とか残っていない。svgにする意味無いのでは……クリスタから直接svgに書きだしてみようかな。

ﾈﾐｰ

仕事でお客様に褒められて、嬉しさと同時に気まずさも感じた。褒められることに慣れていない人間。