デバイスに応じて画像のサイズなどを変更したい
デバイスに応じて画像のサイズなどを変更したいのですが、可能でしょうか?
デバイスに応じて自動的にサイズを調整する機能というよりは、手軽にサイズ調整ができる機能を提供しております。
・画像の縦横幅をSmartyの記述によりリサイズする機能
例)
{rcms_resize_img path=$path width=300 height=300}
・webp形式の画像を利用できるブラウザの場合にはwebpでの画像に置換する機能
例)
https://www.r-cms.jpのサイトはこちらの設定が有効になっておりますので、ご参照ください。
・記事グループの設定などで3つのサイズの画像を自動的に作成する機能
上記の機能を組み合わせることである程度、最近は、スマホの解像度も上がってきておりますので、画像が最適化された状態を作ることができます。
例)
1,画像の縦横幅をSmartyの記述により最大700pxなどにしておく
2,webp自動変換を有効にする