ForHosting KIT · 画像の編集・解析

元画像に合うファビコンサイズ生成ツール

ファビコンは小さな画像1枚に見えますが、現在のブラウザー、モバイルのホーム画面、インストール型ウェブアプリでは複数の正方形画像が求められます。このツールは元画像の幅と高さを、16、32、48、180、192、512ピクセルの標準サイズと比較します。元の画素だけで作成できるサイズと拡大が必要なサイズが分かるため、画像編集や素材生成の自動化を始める前に、鮮明な書き出し計画を立てられます。

● Beta無料・ブラウザ内で実行

無料で実行 API仕様を見る

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

元画像の実寸を入力します

ファビコンの絵柄に使用するファイルの幅と高さをピクセル単位で入力してください。標準セットの各対象は正方形なので、この計算では短い方の辺を上限として使用します。たとえば600×200の画像は横方向に十分な画素がありますが、元画像を拡大せずに作れる正方形は最大200×200です。結果には元画像の寸法、上限となる辺の長さ、16、32、48、180、192、512ピクセルの各標準サイズに対応する項目が含まれます。それぞれの項目には対象の幅と高さ、および拡大の要否が明示されます。さらに、そのまま作成できるサイズと拡大が必要なサイズが別々の一覧にまとめられるため、目視確認にもビルド処理にも利用できます。このツールは画像の内容を調べたり切り抜いたりしません。余白、トリミング、透明度、絵柄の配置は、書き出し時に利用者ご自身で決定していただけます。

適合と拡大の判定を確認します

元画像の幅と高さがどちらも対象となる正方形の一辺以上であれば、そのサイズは拡大なしで作成可能と判定されます。したがって192×300の画像では16、32、48、180、192が適合し、512には拡大が必要という印が付きます。同じ値も適合に含まれるため、48×48の画像は48ピクセル版を拡大せずに作成できます。拡大の印は使用禁止を意味するものではありません。書き出し処理で新しい画素を補う必要があり、輪郭が柔らかくなる、細い文字がぼやける、小さな原稿の欠点が目立つ、といった可能性を示す警告です。ベクター原稿なら通常は各サイズへ直接描画でき、同じ制約を受けませんが、ラスター画像の寸法は慎重に評価されます。いずれかの辺が16ピクセル未満の画像は受け付けません。判定は常に一定で、形式、メタデータ、画面密度、ブラウザー、通信環境には左右されません。

書き出し工程に結果を組み込みます

出力は完成済み画像ではなく、書き出し用の確認表としてお使いください。適合するサイズは元画像から直接生成し、透明部分を維持して品質の高い縮小フィルターを使用します。印の付いたサイズについては、ラスター画像を拡大するか、絵柄を描き直すか、ベクター原稿に戻るかを事前に検討してください。16、32、48ピクセル版は一般的なブラウザーやデスクトップ用途をカバーします。180ピクセル版は Apple のタッチアイコン、192と512ピクセル版はウェブアプリのマニフェストで広く使われます。ただし、最終的な構成要件は対象プラットフォームの仕様に従ってください。この機能は HTML、マニフェスト、ICO コンテナー、PNG ファイルを生成しません。自動処理では fitting_sizes から安全な書き出しを選び、upscaling_sizes を品質検査の停止や大きな原稿の依頼に利用できます。API の料金は1回 $0.002 で、安定したキーと順序付きの対象を返します。

活用例

書き出し前にロゴを確認

手元のラスター版ロゴから縮小できる標準正方形素材と、大きな原稿が必要な素材を確認できます。

ウェブ素材の工程を検証

必須のマニフェスト用アイコンがラスター拡大を必要とする場合に、ビルドを停止できます。

デザイナーへの依頼を整理

安全に書き出せるサイズと、新しい絵柄が必要な大きいサイズを正確に共有できます。

よくある質問

どのファビコンサイズを確認しますか？

16、32、48、180、192、512ピクセルの固定セットを、幅と高さが等しい正方形として確認します。

適合するサイズはどのように判定されますか？

元画像の幅と高さがともに対象サイズ以上であれば、拡大なしで作成可能と判定されます。

元画像が16×16未満の場合はどうなりますか？

最小の標準サイズも満たせないため、入力が無効であることを示すエラーを返します。

画像のサイズ変更や切り抜きも行いますか？

いいえ。寸法のみを評価して計画を返し、画像ファイルの受信、解析、切り抜き、書き出しは行いません。

拡大の印が付いたサイズは使用できませんか？

使用できますが、ラスター画像の拡大が必要です。大きな原稿またはベクター原稿の方が通常は鮮明です。

API の利用料金はいくらですか？

API は1回 $0.002 で利用できます。

開発者向け — APIアクセス

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

エンドポイント

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

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

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

curl -X POST https://api.kit.forhosting.com/image/favicon-sizes \
  -H "Authorization: Bearer $KIT_KEY" \
  -H "Content-Type: application/json" \
  -d '{"width":256,"height":256}'

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

import os, requests

res = requests.post(
    "https://api.kit.forhosting.com/image/favicon-sizes",
    headers={"Authorization": f"Bearer {os.environ['KIT_KEY']}"},
    json={
    "width": 256,
    "height": 256
},
)
task_id = res.json()["task_id"]

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

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

リクエスト例

{
  "width": 256,
  "height": 256
}

レスポンス例

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

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

料金

1リクエストあたり$0.002

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

制限

`max_mb`	15
`max_megapixels`	12

エラー

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

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