microCMSの機能

画像編集

microCMSにはさまざまな画像編集機能が備わっています。
画像アップロード後に画像URLにパラメータを付けるだけで、あらゆる画像編集(画像サイズや品質の調整)が行えて、各デバイスに合わせた表示速度の最適化(SEO対策)が可能です。

ヒーローイメージ
imgix

画像編集処理にはimgixのAPIをご利用いただけます。
imgixはURLパラメータによって画像をリアルタイムで編集することができる画像向けCDNです。microCMSのご利用料金にimgixのAPI利用料金が含まれていますので、別途imgixの契約は不要でご利用可能です。
画像フィールドからのアップロード、リッチエディタ内からのアップロード共に対応しています。

画像APIの基本的な使い方icon 画像APIの詳細ドキュメントicon

画像APIの活用方法

画像サイズ

画像サイズ

画像の縦横サイズ調整する際に利用します。
画像の縦幅・横幅・縦横比の固定や、画像の切り抜きのサイズ調整を細かく指定できます。

画像サイズの設定方法icon
出力品質

出力品質

画像の出力品質を制御する際に利用します。0〜100で値を指定できます。

出力品質の設定方法icon
解像度・画面サイズ

解像度・画面サイズ

1つの画像であらゆるデバイスに対して正しいサイズの画像を配信する際に利用します。
デフォルト値は1で最大で8まで入力できます。

解像度・画面サイズの設定方法icon
フォーマット

フォーマット

画像のメタ情報を取得したり、画像をWebP形式に変換ができます。

WebP(ウェッピー)はGoogleが開発した、画質を維持しつつファイル圧縮率を高めることができる次世代画像フォーマットです。
JPEGの非可逆圧縮とPNGの可逆圧縮を併用できるので、精密な画像データで、かつ背景透過の場合でも効率的にサイズ圧縮ができます。
また、WebPに変換することでサイトの表示速度は速くなるためSEOに有利になります。

フォーマットの設定方法icon
テキスト

テキスト

画像の上に文字を重ねる(オーバーレイ表示する)際に利用します。
テキストの色・フォント・文字サイズの指定や、表示領域・アウトライン幅・アウトライン色・余白・横幅などが指定できます。

テキストの設定方法icon
枠線

枠線

画像に枠線を表示する際に利用します。
枠線の太さや色が指定できます。
色はRGB,ARGB,RRGGBB,AARRGGBBの16進数形式で指定します。

枠線の設定方法icon
まずは、無料で
試してみましょう。

microCMSは無料ではじめられます。
ご不明な点はお気軽にお問い合わせください。