microCMS

画像の縦横サイズがAPIレスポンスに含まれるようになりました

松田 承一

この記事は公開後、1年以上経過しています。情報が古い可能性がありますので、ご注意ください。

こんにちは、松田です。
本日2本目の更新情報をお知らせいたします。

画像の縦横サイズがAPIレスポンスに含まれるようになりました

APIスキーマの中で種類として「画像」に設定したフィールドのレスポンスに画像の縦サイズ・横サイズが含まれるようになりました。

画像フィールドのAPIレスポンスとしてこれまではurlのみが返却されていましたが、今後はこちらにwidthheightという数値データが付与されます。
その名の通りそれぞれアップロードした画像の幅と高さの値を示してます。

返却されるデータのサンプル ※画像部分のみ抜粋

{
  "url": "https://images.microcms-assets.io/protected/ap-northeast-1:11889c08-ec2f-4d7a-b37c-49c5982b2b47/service/microcms/media/ogp-richeditor-sub-and-sup.png",
  "height": 630,
  "width": 1200
}


今回のデータ追加によって、フロントエンド側では以下のようなことがこれまで以上にスムーズに実現可能です。

  • HTML出力時に画像サイズを明示してSEO対策を行う
  • 縦長 / 横長 / 正方形など、画像の形によって出力レイアウトをだし分ける


※なお今回のwidth / height値が入るからといって配信される画像のサイズが固定されるわけではなく、これまで通り画像の編集機能はご利用いただけます。

みなさまのお手元のAPIでもすぐに確認可能な内容となっております。
ぜひご確認ください!

-----

microCMSは日々改善を進めています。
ご意見・ご要望は管理画面右下のチャット、公式Twitterメールからお気軽にご連絡ください!
引き続きmicroCMSをよろしくお願いいたします!

まずは、無料で試してみましょう。

APIベースの日本製ヘッドレスCMS「microCMS」を使えば、 ものの数分でAPIの作成ができます。

microCMSを無料で始める

microCMSについてお問い合わせ

初期費用無料・14日間の無料トライアル付き。ご不明な点はお気軽にお問い合わせください。

お問い合わせ

microCMS公式アカウント

microCMSは各公式アカウントで最新情報をお届けしています。
フォローよろしくお願いします。

  • X
  • Discord
  • github

ABOUT ME

松田 承一
株式会社microCMSの代表 / 家族=👨‍👩‍👧 / ヤフー→大学教員など→現職 / 管理画面付きAPIがすぐに作れるmicroCMSというサービス作ってます。