ブログ

Faviconがあっというまに作成できるiconogen

みなさんはFaviconをつくるときどうしていますか?

今回は画像を用意するだけで、簡単にFaviconとiPhone/iPadのホーム画面用のアイコンが作成できるiconogenを紹介します。

iconogenの使い方

まずは、Faviconにした画像を、JPG/PNG/GIFファイルで用意します。ファイルサイズは400KB以下になるようにしましょう。

画像が用意できたらiconogenにアクセスします。
「click to upload a file」ボタンをクリックし、画像をアップロードします。

まずは画像をアップロード
まずは画像をアップロード

しばらくしたら、FavIconに使えるファイルが表示されるので、個別にダウンロードするか、ZIPファイルをダウンロードします。

作成されたfavicon
作成されたfavicon

HTMLファイルに組み込むコードも用意されています。必要に応じてコピーしましょう。
あとは、Webサイトに組み込めばOKです。

faviconを組み込むHTMLコード
faviconを組み込むHTMLコード

まとめ

画像を用意するだけで簡単にFaviconを作れるのはステキですね。

ゆめいろデザインへのお問い合わせやお見積もり依頼はこちらから。
お客さまのニーズにあった提案を行い、パートナーとして共に成長することを目指しています。