SEARCH

デバイスに応じて画像のサイズなどを変更したい

デバイスに応じて画像のサイズなどを変更したいのですが、可能でしょうか?



デバイスに応じて自動的にサイズを調整する機能というよりは、手軽にサイズ調整ができる機能を提供しております。

・画像の縦横幅をSmartyの記述によりリサイズする機能
例)
{rcms_resize_img path=$path width=300 height=300}

・webp形式の画像を利用できるブラウザの場合にはwebpでの画像に置換する機能
例)
https://www.r-cms.jpのサイトはこちらの設定が有効になっておりますので、ご参照ください。

・記事グループの設定などで3つのサイズの画像を自動的に作成する機能

上記の機能を組み合わせることである程度、最近は、スマホの解像度も上がってきておりますので、画像が最適化された状態を作ることができます。

例)
1,画像の縦横幅をSmartyの記述により最大700pxなどにしておく
2,webp自動変換を有効にする

SEARCH