勉強したことのメモ

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サーバーの適当なところにアップして使える。

 - その他

  関連記事

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

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

PHPにてSVGファイルをjpg / png画像に変換する方法
PHPにてSVGファイルをjpg / png画像に変換する方法

PHPにてSVGファイルをjpgもしくはpng形式の画像ファイルに変換したいとい ...

フォームで画像をとりあつかう際にBase64エンコードした上で送信する方法
フォームで画像をとりあつかう際にBase64エンコードした上で送信する方法

PHP等サーバサイド系の言語は利用不可(JSは利用可)な環境でformを作成し画 ...

jQueryの画像スライダー用プラグイン「slick」の使い方
jQueryの画像スライダー用プラグイン「slick」の使い方

jQueryの画像スライダー用プラグイン「slick」の使い方についてソースコー ...

summernoteのデフォルトの画像挿入時にCSSや任意の属性を指定する方法
summernoteのデフォルトの画像挿入時にCSSや任意の属性を指定する方法

summernoteのデフォルトの画像挿入時はBase64形式にエンコードされ、 ...