KuronekoServer CDN API

画像・アセット配信API ドキュメント

📋 概要

🚀 提供機能

  • 画像のリサイズ（width, height パラメータ）
  • 画質の調整（quality パラメータ）
  • フォーマット変換（format パラメータ）
  • CSS/JavaScriptの配信

🔧 対応形式

項目 対応形式
画像形式 JPEG, PNG, GIF, WebP
最大サイズ 4000×4000px
品質範囲 10-100%

🖼️ 画像API

📝 基本構文

https://cdn.krnk.org/path/to/image.jpg?width=300&height=200&quality=85&format=webp

🔧 パラメータ一覧

パラメータ 短縮形 説明 範囲 例
width w 画像の幅 1-4000px width=300
height h 画像の高さ 1-4000px height=200
quality q 画質（圧縮率） 10-100% quality=85
format f 出力フォーマット jpeg, png, gif, webp format=webp

🖼️ リサイズ

https://cdn.krnk.org/kuronekoserver/logo.png?width=300&height=200

画像を300×200pxにリサイズ（アスペクト比維持）

🎨 品質調整

https://cdn.krnk.org/kuronekoserver/logo.png?quality=60

画質を60%に調整してファイルサイズを削減

🔄 フォーマット変換

https://cdn.krnk.org/kuronekoserver/logo.png?format=webp

PNG画像をWebP形式に変換

⚡ 組み合わせ

https://cdn.krnk.org/kuronekoserver/logo.png?width=300&quality=80&format=webp

リサイズ + 品質調整 + WebP変換を同時実行

📝 注意点

  • width または height のみ指定時はアスペクト比を維持します
  • PNG・GIF画像の透明度は保持されます

📄 アセットAPI

📝 基本使用方法

CSS・JavaScriptファイルの配信を行います。

https://cdn.krnk.org/bootstrap/5.3.3/css/bootstrap.css

通常のURLでファイルにアクセスできます。

📝 使用例

https://cdn.krnk.org/bootstrap/5.3.3/css/bootstrap.css
https://cdn.krnk.org/bootstrap/5.3.3/js/bootstrap.js

🎯 実例・デモ

🖼️ 画像の使用例

https://cdn.krnk.org/kuronekoserver/banner.jpg

元画像

https://cdn.krnk.org/kuronekoserver/banner.jpg?width=600&height=400

リサイズ

https://cdn.krnk.org/kuronekoserver/banner.jpg?format=webp

WebP変換

https://cdn.krnk.org/kuronekoserver/banner.jpg?width=600&height=400&quality=80&format=webp

リサイズ + WebP変換 + 品質調整

📄 アセットの使用例

https://cdn.krnk.org/bootstrap/5.3.3/css/bootstrap.css

CSS配信

https://cdn.krnk.org/bootstrap/5.3.3/js/bootstrap.js

JavaScript配信

© 2024 KuronekoServer CDN