Tạo favicon API

Biến logo PNG, JPEG, SVG hoặc một chữ cái thành bộ favicon đầy đủ: favicon.ico, icon PNG và maskable, apple-touch-icon, site.webmanifest và mã HTML.

Tham số

Ví dụ

curl -X POST "https://apibox.io.vn/v1/favicon" \
  -H "Authorization: Bearer YOUR_API_KEY" \
  -H "Content-Type: application/json" \
  -d '{"text":"A","background":"#2563eb","name":"APIBox Demo","short_name":"Demo","theme_color":"#2563eb"}'

const res = await fetch('https://apibox.io.vn/v1/favicon', {
  method: 'POST',
  headers: {
    Authorization: 'Bearer YOUR_API_KEY',
    'Content-Type': 'application/json',
  },
  body: JSON.stringify({
    "text": "A",
    "background": "#2563eb",
    "name": "APIBox Demo",
    "short_name": "Demo",
    "theme_color": "#2563eb"
  }),
});
const data = await res.json();
console.log(data);

import requests

res = requests.post(
    "https://apibox.io.vn/v1/favicon",
    headers={"Authorization": "Bearer YOUR_API_KEY"},
    json={"text": "A", "background": "#2563eb", "name": "APIBox Demo", "short_name": "Demo", "theme_color": "#2563eb"},
    timeout=30,
)
print(res.json())

<?php
$ch = curl_init('https://apibox.io.vn/v1/favicon');
curl_setopt_array($ch, [
    CURLOPT_RETURNTRANSFER => true,
    CURLOPT_CUSTOMREQUEST => 'POST',
    CURLOPT_HTTPHEADER => ['Authorization: Bearer YOUR_API_KEY', 'Content-Type: application/json'],
    CURLOPT_POSTFIELDS => '{"text":"A","background":"#2563eb","name":"APIBox Demo","short_name":"Demo","theme_color":"#2563eb"}',
]);
$response = curl_exec($ch);
print_r(json_decode($response, true));

Kết quả trả về

{
  "source": "text",
  "html": "<link rel=\"icon\" type=\"image/png\" href=\"/favicon-96x96.png\" sizes=\"96x96\">\n<link rel=\"icon\" type=\"image/svg+xml\" href=\"/favicon.svg\">\n<link rel=\"shortcut icon\" href=\"/favicon.ico\">\n<link rel=\"apple-touch-icon\" sizes=\"180x180\" href=\"/apple-touch-icon.png\">\n<meta name=\"apple-mobile-web-app-title\" content=\"Demo\">\n<link rel=\"manifest\" href=\"/site.webmanifest\">\n<meta name=\"theme-color\" content=\"#2563eb\">",
  "manifest": {
    "name": "APIBox Demo",
    "short_name": "Demo",
    "icons": [
      {
        "src": "/android-chrome-192x192.png",
        "sizes": "192x192",
        "type": "image/png"
      },
      {
        "src": "/android-chrome-512x512.png",
        "sizes": "512x512",
        "type": "image/png"
      },
      {
        "src": "/maskable-icon-512x512.png",
        "sizes": "512x512",
        "type": "image/png",
        "purpose": "maskable"
      }
    ],
    "theme_color": "#2563eb",
    "background_color": "#ffffff",
    "display": "standalone"
  },
  "files": [
    {
      "name": "favicon.ico",
      "type": "image/x-icon",
      "width": 48,
      "height": 48,
      "bytes": 15086,
      "data_uri": "data:image/x-icon;base64,AAABAAMAEBAAAAEAIABoBAAANgAAACAgAAABACAAqBAAAJ4EAAAwMAAAAQAgAKglAABGFQAAKAAAABAAAAAgAAAAAQAgAAA…"
    },
    {
      "name": "favicon-96x96.png",
      "type": "image/png",
      "width": 96,
      "height": 96,
      "bytes": 1573,
      "data_uri": "data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAGAAAABgCAYAAADimHc4…"
    },
    {
      "name": "favicon.svg",
      "type": "image/svg+xml",
      "bytes": 289,
      "data_uri": "data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA1MTIgNTEyIj48cmVjdCB3aW…"
    },
    {
      "name": "apple-touch-icon.png",
      "type": "image/png",
      "width": 180,
      "height": 180,
      "bytes": 3125,
      "data_uri": "data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAALQAAAC0CAIAAACyr5Fl…"
    },
    {
      "name": "android-chrome-192x192.png",
      "type": "image/png",
      "width": 192,
      "height": 192,
      "bytes": 3311,
      "data_uri": "data:image/png;base64,…"
    },
    {
      "name": "android-chrome-512x512.png",
      "type": "image/png",
      "width": 512,
      "height": 512,
      "bytes": 10018,
      "data_uri": "data:image/png;base64,…"
    },
    {
      "name": "maskable-icon-512x512.png",
      "type": "image/png",
      "width": 512,
      "height": 512,
      "bytes": 8552,
      "data_uri": "data:image/png;base64,…"
    },
    {
      "name": "site.webmanifest",
      "type": "application/manifest+json",
      "bytes": 511,
      "data_uri": "data:application/manifest+json;base64,ewogICJuYW1lIjogIkFQSUJveCBEZW1vIiwKICAic2hvcnRfbmFtZSI6ICJEZW1vIiwK…"
    }
  ],
  "warnings": []
}

Ứng dụng

• Tạo bộ favicon cho website, landing page mới chỉ với một lệnh gọi
• Trình tạo website, CMS cho khách hàng tải logo lên
• Icon chữ cái cho công cụ nội bộ, site staging
• Icon PWA và manifest cho ứng dụng web có sẵn

Hỏi đáp

API liên quan