• Skip to primary navigation
  • Skip to main content
  • Skip to primary sidebar
  • Skip to footer

PATE NOTE

ゆるく生きる思考と技術

  • note profile
  • note magazine
  • Contact Us
  • privacy policy

Favicon(ファビコン)を作成しました

2011-04-25 by PATE

Favicon(ファビコン)は今までも何度か作成したことあるんですけど、画像が荒かったり、背景が透過してなかったりで、なんとなく気に入らなかったので、 思い切って新しく作成しなおしました^^

まず最初に、Favicon(ファビコン)って何?それ美味しいの?Σ( ̄。 ̄ノ)ノってぐらいの人もいると思うので、どのようなものか、簡単な説明からしておきます。

この赤で囲った部分の画像がファビコンというものです。

だいたい、企業のホームページとかだと、その企業のロゴなんかが使われてたりしますよね^^これが使われているサイトをお気に入り(ブックマーク)等に入れると、サイトの名前の頭の部分に、この画像がついたりするので、名前知らなくても「見たことある!」という方がほとんどだと思います。

私が作成しようと思ったときに、オンラインで簡単にファビコンを作成するサイトとかをいくつか使ってみたんですけど、画像の空白部分を透過する方法がわからず・・・。透過GIFとか用意してやってもダメでした。頑張れば出来るかもしれないけど、やり方わからなかったので断念。

んー、困ったなー、どうしようかなーって思ってググッてみたら、ものすごく古いページで「@icon変換」使ったらできるみたいなのを見つけて、「おっ?これはいけるかも??」とか思いつつ、動作環境を見たら「WindowsXP SP2 にて動作確認しています。(95+IE4/98/ME/2000でも動いたとのご報告をいただいています)」って書いてあって、「ちゃんと動くんかな?(ーー;)」って不安になりながらもダウンロード。で、Windows7(64bit)でもやってみたら動きました^^

やり方は・・・

  • 使用するための画像を16×16のビットマップ形式で用意
  • @icon変換で開く
  • 「編集>透過マスクの編集」を開く
  • 色から自動生成のボタンを押して、透過したいところをクリック
  • 「ファイル>単独aiconとして保存」を選択して保存

簡単に書くとこんな感じです。

まあまあ納得いく感じで作れたので、しばらくは今回作ったのでいこうかなぁと思います^^

Filed Under: ブログ運営

最初のサイドバー

かれこれ10年以上ネットで稼ぎながらゆるく生きています。Twitterフォロワー1万人越えインフルエンサーの中の人。こうしてゆるーく生きていくための思考と技術をnoteに書いてます。1000円/月だけどランチ1回我慢する程度で社畜の人生とおさらばできると思えば安いもんです。こう見えて意外と人気なんですよ。

note はこちら

人気の投稿

  • iPodやiPod nanoでリピート再生を設定する方法
    iPodやiPod nanoでリピート再生を設定する方法

Twitter

ツイート

Instagram

Instagram でフォロー

Footer

Category

Archive

© 2026 PATE NOTE