勉強したことのメモ

Webエンジニア / プログラマが勉強したことのメモ

faviconをサイトURLもしくはpngファイルから生成する方法

   2024/05/22  その他

AというサイトのfaviconをBというサイトで使いたかった。ただ、faviconをどこにおいているのか分からなかったので無理やり生成した際のメモ。

 

URLからfavicon画像を生成

https://t2.gstatic.com/faviconV2?client=SOCIAL&type=FAVICON&fallback_opts=TYPE,SIZE,URL&url=【サイトURL】&size=32

例)https://t2.gstatic.com/faviconV2?client=SOCIAL&type=FAVICON&fallback_opts=TYPE,SIZE,URL&url=https://taitan916.info/blog/&size=32

 

pngからico生成

http://converticon.com/

[Get Started]を押して該当のpng画像を選択。[Export]を押して、次にサイズを選択して[Save As]を押す。これで.icoが出来るのでBサーバーの適当なところにアップして使える。

 - その他

  関連記事

Chart.jsで描写したグラフを画像としてダウンロードさせる方法
Chart.jsで描写したグラフを画像としてダウンロードさせる方法

サイト内にChart.jsでグラフを描写し、ボタンやリンクをクリックすることで当 ...

バニラJS対応(jQuery非依存)の画像遅延読み込みライブラリ「lazysizes」の利用方法
バニラJS対応(jQuery非依存)の画像遅延読み込みライブラリ「lazysizes」の利用方法

あるサイトのコーディングデータを貰った際に「lazysizes」というJavaS ...

PHPでスマホ(iPhone / Android)に画像をダウンロードさせる方法とダウンロード後の保存場所について
PHPでスマホ(iPhone / Android)に画像をダウンロードさせる方法とダウンロード後の保存場所について

PHPで作ったシステムにスマホ(iPhone / Android)でアクセスし何 ...

JavaScriptでダミー画像(プレースホルダー画像)を表示する「Holder.js」ライブラリの利用方法
JavaScriptでダミー画像(プレースホルダー画像)を表示する「Holder.js」ライブラリの利用方法

サイトの開発段階で「本番用の画像はまだ用意できていない」等の理由によりダミー画像 ...

「slick」でスライダー中央の下部にのみ指定したコンテンツを表示する方法
「slick」でスライダー中央の下部にのみ指定したコンテンツを表示する方法

「slick」でスライダー画像の下部に何らかのコンテンツ(テキスト・リンク・別画 ...