ForHosting KIT · 画像の編集・解析

【一括生成】faviconを全サイズ作成

1枚のロゴ画像から、favicon一式を必要なサイズすべてで一括生成するツールです。ブラウザタブに表示する小さなアイコンから、スマートフォンのホーム画面に追加したときのアイコンまで、複数サイズを1回の処理でまとめて作成します。

● 安定提供中セットあたり$0.002

ご利用方法ウェブAPIメールアプリ近日Telegram 近日

オンラインで実行

アカウントでログインし、当社のサーバー上で実行します。無料ツールはブラウザ内で動作しますが、これは上記の料金がKIT残高から差し引かれます。

faviconに複数サイズが必要な理由

faviconはブラウザタブだけでなく、ブックマーク一覧やスマートフォンのホーム画面など、表示される場所によって求められるサイズが異なります。1つの画像だけを用意しても、環境によっては粗く表示されたり、正しく認識されなかったりします。用途ごとに複数サイズのファイルをそろえる必要があります。

1回の処理でセットを作成

1枚の元画像をアップロードすると、16×16、32×32、180×180といった主要なサイズのアイコンをまとめて生成します。サイズごとに個別の画像編集ソフトで書き出す作業を、1回のアップロードで済ませられます。

元画像に適した形

文字を含む複雑なロゴは、小さいサイズに縮小すると潰れて読めなくなることがあります。faviconとして使う元画像は、シンプルな図形やアイコン部分だけを正方形で用意すると、小さいサイズでも認識しやすい仕上がりになります。

設置の方法と料金

生成されたファイル一式をサーバーに置き、ページのhead内でそれぞれを指定すれば設置は完了します。1セットあたりの生成は、1リクエストにつき$0.002に加えてセット単位で$0.005の料金です。ウェブから1回限りの生成にも、APIから複数サイトの一括生成にも対応します。

活用例

新規サイト立ち上げ時のfavicon整備

合同会社みどりデザインは新しいクライアントのサイトを公開する際、ロゴ画像から必要なサイズのfaviconをまとめて生成し、設置作業を短時間で終わらせています。

複数サイトのアイコン統一

複数のブランドサイトを運営する会社が、各サイトのロゴから同じ手順でfaviconセットを生成し、サイズの過不足がない状態にそろえています。

スマホのホーム画面アイコン対応

店舗のウェブサイトをスマートフォンのホーム画面に追加してもらうため、田中大輔さんはホーム画面用のサイズを含むfaviconセットを生成し、サイトに設置しました。

よくある質問

アップロードしたロゴ画像はどこに保存されますか？

favicon一式の生成に使われた後、削除されます。サーバーに保存し続けることはありません。

どんなサイズが生成されますか？

ブラウザタブ用の小さいサイズから、スマートフォンのホーム画面用の大きいサイズまで、主要なサイズを1セットとしてまとめて生成します。

元のロゴが複雑でも綺麗に仕上がりますか？

文字を含む複雑なロゴは、小さいサイズで潰れて見えることがあります。図形やアイコン部分だけを正方形で用意すると、小さいサイズでも認識しやすくなります。

何か困ったとき、日本語で聞けますか？

申し訳ありませんが、日本語でのサポートは行っておりません。サポートは英語またはスペイン語で、担当者が直接対応します。ツール自体は日本語で問題なくご利用いただけます。

この機能の価格を教えてください

1リクエストあたり$0.002（米ドル）に加え、faviconセット1件につき$0.005です。サブスクリプションはなく、生成したセットの分だけの料金になります。

複数サイト分をまとめて生成できますか？

ウェブでは1件ずつ生成します。複数サイト分をまとめて生成したい場合は、APIから自動化できます。

開発者向け — APIアクセス

このページの機能はすべてAPIからも利用できます。自社システムに組み込みたいチーム向けのセクションです。それ以外の方は上のツールをそのままお使いください。

エンドポイント

POSThttps://api.kit.forhosting.com/image/favicon

Bearerトークンで認証し、POST1回でタスクをキューに登録します。結果はWebhookまたは署名付きリンクで受け取れます。

お使いのスタックから呼び出す

curl -X POST https://api.kit.forhosting.com/image/favicon \
  -H "Authorization: Bearer $KIT_KEY" \
  -H "Content-Type: application/json" \
  -d &#39;{"input":"…"}'

const res = await fetch("https://api.kit.forhosting.com/image/favicon", {
  method: "POST",
  headers: {
    "Authorization": `Bearer ${process.env.KIT_KEY}`,
    "Content-Type": "application/json"
  },
  body: JSON.stringify({
    "input": "…"
  })
});
const { task_id } = await res.json();

import os, requests

res = requests.post(
    "https://api.kit.forhosting.com/image/favicon",
    headers={"Authorization": f"Bearer {os.environ[&#39;KIT_KEY']}"},
    json={
    "input": "…"
},
)
task_id = res.json()["task_id"]

<?php
$res = file_get_contents("https://api.kit.forhosting.com/image/favicon", false, stream_context_create([
  "http" => [
    "method"  => "POST",
    "header"  => "Authorization: Bearer " . getenv("KIT_KEY") . "\r\nContent-Type: application/json",
    "content" => &#39;{"input":"…"}',
  ],
]));
$task = json_decode($res, true);

body := bytes.NewBufferString(`{"input":"…"}`)
req, _ := http.NewRequest("POST", "https://api.kit.forhosting.com/image/favicon", body)
req.Header.Set("Authorization", "Bearer "+os.Getenv("KIT_KEY"))
req.Header.Set("Content-Type", "application/json")
res, _ := http.DefaultClient.Do(req)

リクエスト例

{
  "input": "…"
}

レスポンス例

{
  "task_id": "tsk_a1b2c3d4e5f6a1b2c3d4e5f6",
  "type": "image.favicon",
  "status": "queued",
  "_links": {
    "result": "/tasks/tsk_…/result"
  }
}

非同期APIです。task_idは即時に返ります。ポーリングは1秒あたり1リクエストまでです。

料金

1リクエストあたり$0.002

セットあたり$0.005

単価はすべて公開しています。トークン換算や独自クレジットはありません。失敗したタスクは課金されません。

制限

`max_mb`	15
`max_megapixels`	12

エラー

HTTP	コード	意味
`401`	`unauthorized`	APIキーが無効か、指定されていません。Authorizationヘッダーを確認してください。
`402`	`insufficient_balance`	残高が不足しています。チャージ後に再度お試しください。
`404`	`unknown_type`	指定されたタスクタイプは存在しません。タイプ名を確認してください。
`429`	`rate_limited`	リクエストが多すぎます。しばらく待ってから再度お試しください。

KITの完全なドキュメントを見る →