みなさんこんにちは!おさかなです!
今回は「favicon generator」について、書いていこうと思います!
それでは、レッツゴー!!!!!
想定読者
・ファビコンの作り方を知りたい方
・ファビコン画像が必要な方
・Webサイト作成・Web制作をしている方
・ファビコンの作り方を知りたい方
・ファビコン画像が必要な方
・Webサイト作成・Web制作をしている方
「favicon generator」って何?
「favicon generator」とは、Webサイトのシンボルマークである「ファビコン」を作成できるツールのことです。「png、jpg、gif」形式の画像をアップロードするだけで、自動的に拡張子「ico」に変換できます。(便利!)
![](https://ao-system.net/favicongenerator/common/image/ogp.webp)
様々なファビコンを一括生成
使い方はとってもシンプル。画像を1枚指定するだけ。面倒な設定不要。favicon.ico、favicon*.png、apple-touch-icon*.png、mstile*.png、browserconfig.xml、android-chrome*.png、manifest.jsonを一括生成します。エラーログに余計...
ファビコンとは?
faviconは、ウェブサイトのシンボルマーク・イメージとして、ウェブサイト運営者がウェブサイトやウェブページに配置するアイコンの俗称である。favorite iconという英語の語句を縮約したかばん語である。
Wikipedaより引用
おさかなびにも設置されている、これのことです。(お前かー!!)
![](https://osakanav.com/wp-content/uploads/2022/04/osakanav-favicon.png)
![](https://osakanav.com/wp-content/uploads/2022/04/banner-matome-top-160x90.png)
【バナーデザイン】まとめサイト【Banner Matome】とは?
みなさんこんにちは!おさかなです!今回は「Banner Matome」について、書いていこうと思います!それでは、レッツゴー!!!!!想定読者・バナーデザインのサンプル・見本を探している方・バナーデザインを作成した...
実際に使ってみよう!
画像をアップロードしよう
それでは早速サイトにアクセスしましょう!
![](https://osakanav.com/wp-content/uploads/2022/04/favicon-g.png)
まずは「画像ファイルを選択」を押して、ファビコンにしたい画像をアップロードします!(よいしょ!)
![](https://osakanav.com/wp-content/uploads/2022/04/favicong-up.png)
無事にアップロードできました!(おお!)
![](https://osakanav.com/wp-content/uploads/2022/04/favicong-okasi.png)
次に「ファビコン一括生成」ボタンを押します!(えい!)
![](https://osakanav.com/wp-content/uploads/2022/04/favicong-btn-1.png)
![](https://osakanav.com/wp-content/uploads/2022/04/puyopg-top-160x90.png)
【小・中学生にも】ゲーム感覚で学べる【ぷよぷよプログラミング】とは?
みなさんこんにちは!おさかなです!今回は「ぷよぷよプログラミング」について、書いていこうと思います!それでは、レッツゴー!!!!!想定読者・ぷよぷよでプログラミングを学びたい方・ゲーム感覚で学習したい方・学校のプロ...
(わくわく…!)
保存しよう!
すると…?
こんな感じで、いくつかの「ファビコン」が生成されました!(すごい!)
![](https://osakanav.com/wp-content/uploads/2022/04/favicong-done.png)
ページを少しスクロールして、「ファビコンダウンロード」をクリックします!(ポチっと)
![](https://osakanav.com/wp-content/uploads/2022/04/favicong-dl-btn.png)
「favicons.zip」がダウンロードされるので、ファイルを展開すればOKです!
![](https://osakanav.com/wp-content/uploads/2022/04/favicong-file.png)
ちなみに、生成される画像は53個あるので、ご自身の用途別に使い分けましょう…!(はい!)
![](https://osakanav.com/wp-content/uploads/2022/04/favicong-itiran.png)
↓実際に作成したものがこちら
![](https://osakanav.com/wp-content/uploads/2022/04/site-tile-310x310-1.png)
![](https://osakanav.com/wp-content/uploads/2022/04/site-tile-310x150-1.png)
↓Webサイト作成について、実践的に学びたい方はこちらもおすすめです。
https://amzn.to/3uJy2OD
![おさかな](https://osakanav.com/wp-content/uploads/2019/08/osakana.jpg)
おさかな
ファビコンってファミコンの兄弟みたい…!
![ナビまる](https://osakanav.com/wp-content/uploads/2019/09/navmaru-2.jpg)
ナビまる
違いまーす!笑
これで全ての操作は完了です。(やった~!)
お疲れ様でした☕
ここまで読んでくださり、ありがとうございました!
![](https://osakanav.com/wp-content/uploads/2022/03/pdfmyurl-top-160x90.png)
【無料】Webサイトを「PDF化」できるツール【PDFmyURL】とは?
みなさんこんにちは!おさかなです!今回は「PDFmyURL」について、書いていこうと思います!それでは、レッツゴー!!!!!想定読者・WebサイトをPDF化したい方・無料のPDF化ツールを探している方・サイトを運営...