勉強したことのメモ.

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

 - その他

  関連記事

PHPで画像のフォーマット(拡張子)の変換
PHPで画像のフォーマット(拡張子)の変換

画像のアップロードでjpg/png/gif形式を受け付けつつ、 最終的にjpgで ...

Lightboxの最新版ライブラリ「Lightbox3」の利用方法サンプル
Lightboxの最新版ライブラリ「Lightbox3」の利用方法サンプル

画像拡大(モーダル表示)系のライブラリはLightbox2を使用していたが、最新 ...

バニラJS対応(jQuery非依存)の画像遅延読み込みプラグイン「echo.js」の利用方法
バニラJS対応(jQuery非依存)の画像遅延読み込みプラグイン「echo.js」の利用方法

あるサイトをブラウザの開発者ツールで見ていると「echo.js」と聞いたことの無 ...

画像にマウスを合わせると拡大表示させる「drift」ライブラリの利用方法
画像にマウスを合わせると拡大表示させる「drift」ライブラリの利用方法

amazon等ECサイトで商品画像にマウスを合わせると当該部分が拡大表示されると ...

MySQLとPHPの「image-comparator」ライブラリを使用して類似画像検索を実装する方法
MySQLとPHPの「image-comparator」ライブラリを使用して類似画像検索を実装する方法

先日PHPで画像を比較して類似度を算出する「image-comparator」ラ ...