PCサイズで表示されるメインビジュアルの画像とSPサイズで表示される画像を別のものにしたいです。
レスポンシブ対応でcssで縦長にクロップすればよかったのですが、画像に文字が入ってるので、スマホの時はスマホように加工した画像を使いたいです。
PCサイズで表示されるメインビジュアルの画像とSPサイズで表示される画像を別のものにしたいです。
レスポンシブ対応でcssで縦長にクロップすればよかったのですが、画像に文字が入ってるので、スマホの時はスマホように加工した画像を使いたいです。
Mongorian346様
はじめまして、フルバランスの園畑です。
ご質問を確認いたしました。
PCとスマホで表示する画像を出し分けたい、とのことですが
html、css、liquidのコードで実装する方法がございます。
下記ページが参考になるかと存じます。
https://qiita.com/br-to/items/ed3253bcae8db0fad398
テーマによって実装方法が少しずつ異なりますが、
検索されましたら参考となるページはいくつかあるので、ぜひ試してみていただけますと幸いです。
ご参考までに。
フルバランス 園畑