ファビコン作成(ICO 変換)
画像を選んでサイズを選ぶと、複数サイズ入りの ICO ファイルを作ります。
使い方
- 正方形に近い画像を選びます。512px 以上がおすすめです。
- 入れるサイズと、切り抜くか余白をつけるかを選びます。
- favicon.ico をダウンロードしてサイトのルートに置きます。
よくある質問
画像はアップロードされますか?
いいえ。画像はブラウザ内のキャンバスで処理し、サーバーに送ったり保存したりしません。
どのサイズを入れればいいですか?
ブラウザのタブには16・32px、Windows のデスクトップには48px 以上が使われます。16・32・48・256 を入れればほぼ十分です。
ICO の中身の形式は?
各サイズを PNG で入れた ICO です。現在のブラウザと Windows Vista 以降で開けます。
HTML にはどう書きますか?
サイトのルートに favicon.ico を置けば多くのブラウザが見つけます。明示するなら <link rel="icon" href="/favicon.ico"> と書きます。
関連ツール
- カラーコード変換(HEX・RGB・HSL)HEX・RGB・HSL のカラーコードを相互に変換し、白・黒の文字とのコントラスト比(WCAG)を確認します。
- 画像サイズ変更(リサイズ)写真の幅・高さを変えて JPEG・PNG・WebP で保存し、容量を減らします。アップロード不要。
- 画像の色反転(ネガ)写真やイラストの色を反転(ネガ)します。白黒にしてから反転もできます。
- 画像モザイク(顔・個人情報を隠す)写真の隠したい部分をドラッグしてモザイクをかけます。顔・ナンバー・個人情報を隠すときに。
- SVG → PNG 変換SVG ファイルやコードを好きなサイズの PNG 画像に変換します。透明背景に対応。
- 画像から色を抽出(スポイト)画像の好きな場所を押して色コードを取り出し、よく使われている色のパレットを表示します。