favicon.ico Generatorでファビコンを作ろう

当ページのリンクには広告が含まれています。

ファビコンってなに?という方も多いと思います。
今ご覧のこのブログであれば、サイト名の前に
小さいアイコンが表示されますね。
これを「ファビコン」と呼びます。

ファビコンを設置すると「お気に入り」を開いた際に
目立つというメリットがあります。
つまり、あなたのサイトだとすぐわかってくれますね。

image

ファビコンはicoという拡張子のファイルで作られます。
いろいろなソフトがありますが、簡単にファビコンを
作ることができるサイトを紹介しますね。

 

favicon.ico Generator

image

このサイトでは、画像ファイル(jpg,gifなど)を
icoファイルに変化するのだけではなく、あなたのファビコンを
作ることができます。

 

簡単に操作方法を説明しましょう。

右側に色を選択できる「Coler Picker」があります。
左の帯を上下にスクロールすることにより、大まかな
色を選択します。

image

そして内側にある○をドラッグすることで、詳細な
明度を選択することができます。

image

簡単に装飾する方法は、最初に決めたイメージカラーで
塗りつぶしてしまうことです。

image

そのあとに、「transparent」にチェックを入れ、文字であったり、模様を入れると
簡単にファビコンを作ることができます。

image

ファビコンが完成したら、下部にある「Download Favicon」ボタンをクリックします。

image

icoファイルをダウンロードします。

image

作成したファビコンファイルは、あなたののブログやホームページの
サーバーにアップします。

表示するHTMLのヘッダ部分(ファイルの先頭の<head>~~~</head>で囲まれている間に)
に下記タグを書き込みます。

<link rel=”shortcut icon” href=”アップロードしたURL” />

 

 

ここまで呼んでいただいて、「めんどくさいな・・」
と感じている方もたくさんいると思います。

しかし、一度作ってしまって、今後いろいろなサイトを構築していく際に
「あ!このファビコン、●●さんのサイトだ!」

こんなこともあり得ますよね。

 

アフィリエイトは小さな作業の積み上げから
安定的な収入を生み出す資産に成り得ます。

 

ファビコン設置というチッポケな作業ですが、
これを習慣化することを強くおススメします。

この記事が気に入ったら
いいね ! しよう

この記事を書いた人

最後まで記事を読んでいただきありがとうございます。

お礼として、ツール・イラスト・プラグインを無料でプレゼントしています。お好きなものをダウンロードしてください。(※すべてもOK!)

3Dカバーソフト


カッコいい3Dカバーが短時間で簡単に作れます。

illustonⅡ


総数3,003個のスタイリッシュイラストパック。

 YouTube Adds mini


設置したYouTubeの動画上に外部リンクを設置可能!

即戦力ライティング


未来派監修コピーライティングマニュアルです。

14の心理効果


成約率をUPさせる14の心理効果の解説動画です。

ネット税金対策


Q&Aダイジェスト版をプレゼントします!

LP作成ツール WordPressプラグイン「Mikomi」使用

未来派厳選おすすめ教材ランキングBEST3

アメプレスPro
GoogleのSEOのみに依存せずSNS、アメブロを有効に活用したインターネット集客総合No,1ツール!
AItools:エーアイツールズ
SEOに強い記事を短時間でAIが記事生成しWoedPressにUPしてくれる未来派太鼓判の神ツールです。
Danganページビルダー
LP作成機能を追加するWordPressプラグインで、使っているテーマをそのままで利用することができます。

2 Responses to “favicon.ico Generatorでファビコンを作ろう”

  1. こんばんは!
    ももsと申します。

    ファビコン良いですよね・・・
    と思ったらレンジャーのサイトファビコンにしてない。

    お気に入りに入れても目立ちますし。

    応援です凸ポチッ

  2. 未来派野郎さん、こんにちは
    「アフィリエイトで確実に稼ぐ力を身につける」を運営しています、
    青空ショウグンと申します。

    QRコードに続いて、
    ファビコンの方も参考にさせていただきました!

    以前から方法がわからずに迷っていたのを、
    今回未来派野郎さんの記事で解決することができました、
    感謝しておりますm(_ _)m

    有益な情報をありがとうございます!

ももs へ返信する

最新の記事