1. ResizeCDN
  2. ガイド
  3. ダイレクト型リファレンス

ダイレクト型リファレンス

API

ダイレクト型はたった1つのREST(GET)で構成されています。ResizeCDNのAPIはスピーディーかつパワフルに動きます。

Base REST
https://resizecdn.com/direct/img/

使い方

元から記述されたimgタグのsrcを変更するだけでResizeCDNがご利用いただけます。

Change HTML
<img src="[絶対パス]">
↓
<img src="https://resizecdn.com/direct/img/?resizecdn_id=[resizecdn_id]&url=[絶対パス]">

オプション

4つのオプションがご利用いただけます。

  • resizecdn_id 必須

    resizecdn_idの記述が必須です。

  • url 必須

    絶対パスのみ指定できます。画像URL。

  • w

    横サイズの指定できます。縦サイズは横の大きさに応じて自動で変更致します。

  • type

    画像のタイプを指定できます。元の画像タイプとwebpを指定する事が可能です。
Option Template HTML
<img src="https://resizecdn.com/direct/img/?resizecdn_id=[resizecdn_id]&url=[絶対パス]&w=1280&type=jpg">

SEO最適化

SEOに最適化した記述方法はこちらになります。

SEO Optimize Template HTML
<picture>
	<source type="image/webp" srcset="https://resizecdn.com/direct/img/?resizecdn_id=[resizecdn_id]&url=[絶対パス]&w=1280&type=webp">
	<img src="https://resizecdn.com/direct/img/?resizecdn_id=[resizecdn_id]&url=[絶対パス]&w=1280&type=jpg" width="1280" height="800" decoding="async" loading="lazy">
</picture>