勉強したことのメモ

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

 - その他

  関連記事

WordPressのMedia Library Organizerでダイアログ初回表示時のカテゴリを指定する方法
WordPressのMedia Library Organizerでダイアログ初回表示時のカテゴリを指定する方法

Media Library Organizerを使用中のWPサイトで画像をカテゴ ...

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

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

Ajaxでプラグイン無しのファイルアップロード方法
Ajaxでプラグイン無しのファイルアップロード方法

画像ファイルを添付できて、尚且つAjaxを用いた非同期通信のフォームを作りたかっ ...

FileReader APIを用いて画像をアップロードせずにサムネイル表示
FileReader APIを用いて画像をアップロードせずにサムネイル表示

以前にFile APIを用いてファイル名やサイズ、形式(拡張子)を取得するメモを ...

PHPで画像にモザイクをかけて保存
PHPで画像にモザイクをかけて保存

やりたかった事はPHPで ・モザイク処理 ・元の画像とは別にファイル名をつけて保 ...