ご覧いただきありがとうございます。
画像サイズの変更方法についてお伺いしたいです
・困っていること
サイズが異なる画像をアップロードした際に画像の表示が崩れて余白ができてしまう
・解決したいこと
画像のピクセルが異なっていてもすべて正方形で表示されるようにしたいです
・概要
以下の画像のようにサイズが異なる画像を入れると1枚目と2枚目で高さに余白ができてしまいます。
以下のサイトの商品の7枚目と8枚目の画像は縦長ですが正方形画像に収まるように調整されております。
すべての画像が正方形に収まるように調整したいのですがどうすればよいでしょうか？
れおれお様
はじめまして、フルバランスの園畑です。
ご質問を確認いたしました。
「正方形で表示する」という仕様がテーマにない場合は、基本的にcss等で独自に対応する必要があるかと存じます。
テーマによって実装方法が異なるため、具体的なコードは提示できませんが、下記サイトなどを参考に修正されると良いかと存じます。
https://web-de-asobo.net/2022/11/11/css-aspect-ratio/
(「css 画像 正方形」などで検索すれば実装方法が出てきます。)
ご参考までに。
私たちの励みにもなりますので、 お役に立てていればBest Answerボタンを押して頂ければ嬉しいです。
分からない点があれば、またいつでもご連絡ください。
フルバランス 園畑
