FACTUAL ACTIVITY RECORD · 実際の作業をもとにした活動記録
faviconをWirohのブランドマークへ差し替える
browserのtabやbookmarkでもサイトを識別できる小さな接点を整える
対象期間: —
目的
browserのtab、bookmark、履歴に表示されるfaviconが初期templateの画像のままで、Wirohのサイトだと視覚的に識別できなかった。
既存のicon参照を壊さず、Wirohのブランドマークが標準的な画像形式で表示される状態にする必要があった。
実装
公開領域にあるICO形式とSVG形式のfaviconをWirohのブランドマークへ差し替えた。既存画面は同じファイル名と場所を参照していたため、markupやmetadataには変更を加えていない。
- 古いbrowser向けのICO形式と、拡大しても鮮明なSVG形式を維持する。
- 既存のicon参照と互換になるようファイル名と場所を変えない。
- OGP画像、logo、apple-touch-iconは今回の対象に含めない。
一次Commitで置き換えたSVG faviconを示す。公開本文からURLを除くためnamespace属性だけを省略し、図形、寸法、色は差分と一致させた。
確認したこと
確認結果
26ページを生成するbuildが成功した。
生成物に含まれる2形式のfaviconが差し替え元のbrand assetと一致した。
既存のicon参照は変更せず、Wirohのブランドマークへ置き換えられた。
faviconの差し替えは対象へ反映された。実際の複数browserでの表示確認はcutoff時点で記録されていなかった。
完了とした根拠
ICOとSVGのfaviconを同じ場所でブランドマークへ差し替え、26ページのbuildと生成物の一致を確認できたことをもって完了とした。