Webサイト専門プログラマの言いたい放題

元システムエンジニアがサイト制作とプログラミングについて好き放題しゃべります。

【ファビコンが簡単に作れる無料サービスご紹介】

f:id:wp-lesson:20160306104720p:plain

ブラウザのタブに表示されるアイコンを
ファビコンと言います。
 
ファミコンじゃないですよ。(懐かしっ)
ファビコンです。(添付の赤枠)
 
これ、自動的に付くものではありません。
きちんとアイコンの画像ファイルを用意して
HTMLの中に埋め込む記述をしないとダメ。
 
また、iPhoneiPadのホーム画面用には
アップルタッチアイコンと呼ばれるものが
あり、ホーム画面に表示されるアイコン
になります。
 
これもファビコンとは別に用意する必要
があり、HTMLに専用の記述が必要です。
アイコンを作らない場合、そのサイトの
キャプチャー画像が使われるようですが、
キャプチャーだと縮小されすぎて、何が
何だか見た人に分からないですよね?
 
だから、何度も訪問して覚えて欲しい
ウェブサイト(LPも)にはアイコンを
設置したいところです。
 
でも多くの場合、制作依頼される方は
そんなことご存知ではありませんから、
依頼されない限りアイコンを作らない
(予算オーバー)Webデザイナーさん
も多いのではないでしょうか?
 
▼アイコン自動生成の無料ツール
Free Online Favicon and Apple Icons Generator - iconifier.net

 
使い方はこれ以上ないぐらいカンタン。
 
1.元にする大き目の画像を用意。
2.ツールに画像をアップロード。
3.ボタンを1クリック。

 
これだけの操作で、
各種サイズのアップルタッチアイコン
とファビコンまで一括作成できます。
 
あとはZIPをダウンロードして
サイトのHTMLに埋め込みコードを
書くだけ。
 
え?埋め込みコードが分からない?
誰だって最初は分からないものです。
だから自分で調べるんです。
 
調べるうちに、調べ方がわかってきます。
調べ方のコツは、
 
知りたいことを2つ3つぐらいの
単語にして、スペースで区切って
GoogleやYahooの検索ボックスに
入力することです。
 
「ファビコン 自動生成」
「ファビコン 埋め込み 方法」

 
のように、日本語で考えるのと同様に
 
「何を どうしたい」
 
というように単語を選べばOK!

↓↓↓「自分で作れる力」を身につけたいあなたへ↓↓↓

【1】CODEMYマンツーマンレッスン

codemy-lesson.office-ing.net
⇒30分無料相談あり
⇒知りたいことだけ学べる個人レッスン

▼レッスンの記録をご覧いただけます。
https://www.facebook.com/codemy.lesson/
 

【2】プログラミング講座CODEMY

office-ing.hatenablog.com
⇒動画と個別添削で学べるオンラインレッスン

自分でホームページやプログラムの制作やカスタマイズをできるようなりたい方が
業種・経験・地域を問わず参加されています。

講師実績

業界大手リクルート社が運営する総合学習サイト「おしえるまなべる」
2015年、パソコンジャンルで1位評価(総合3位)

f:id:wp-lesson:20160313222620j:plain