# 画像を入れ込む際に均等に同サイズで切り取る方法について

**URL:** <https://www.nocode-faq.com/t/topic/2494>\
**Category:** bubble\
**Created:** [2022 年 1 月 1 日午前 7:47 UTC](https://www.nocode-faq.com/t/topic/2494 "2022-01-01T07:47:34Z")\
**Posts on this page:** 3\
**Page:** 1

<div class="post-metadata">

**Author:** ![TOSHI](https://avatars.discourse-cdn.com/v4/letter/t/e480ec/32.png) [@TOSHI](https://www.nocode-faq.com/u/TOSHI)\
**Post date:** [2022 年 1 月 1 日午前 7:47 UTC](https://www.nocode-faq.com/t/topic/2494/1 "2022-01-01T07:47:34Z")

</div>

babbleにて画像を入れ込む際に均等に同サイズで切り取る方法について教えてください。  
現状、縦横均等の円形で画像を表示したいのですが、画像によっては縦長だったり横長になります。(画像1)  
picture uploaderで縦横合うように作成しているのですが、対応策はあるのでしょうか。

(画像1)  
 ![スクリーンショット 2022-01-01 16.41.36](https://us1.discourse-cdn.com/flex020/uploads/ncc_forum/original/2X/a/ae5bb075c665298df729b1828afff479090b928a.png)

(画像2)

 ![スクリーンショット 2022-01-01 16.43.40](https://us1.discourse-cdn.com/flex020/uploads/ncc_forum/original/2X/9/9783586575e7fdfef448601c03b052e0fd5f224a.png)

---

<div class="post-metadata">

**Author:** ![K.nakata](https://sea2.discourse-cdn.com/flex020/user_avatar/www.nocode-faq.com/k.nakata/32/1810_2.png) [@K.nakata](https://www.nocode-faq.com/u/K.nakata)\
**Post date:** [2022 年 1 月 1 日午前 8:14 UTC](https://www.nocode-faq.com/t/topic/2494/2 "2022-01-01T08:14:24Z")

</div>

![スクリーンショット 2022-01-01 17.13.13](https://us1.discourse-cdn.com/flex020/uploads/ncc_forum/original/2X/8/8bb4ab3ec004dcf52725d2859ee57d229fabe205.png)  
ここをZoomなどにすると、Imageエレメントに合わせた形に拡大表示してくれます。

保存時の縦横比はあまり関係ありません！

---

<div class="post-metadata">

**Author:** ![TOSHI](https://avatars.discourse-cdn.com/v4/letter/t/e480ec/32.png) [@TOSHI](https://www.nocode-faq.com/u/TOSHI)\
**Post date:** [2022 年 1 月 1 日午前 10:05 UTC](https://www.nocode-faq.com/t/topic/2494/3 "2022-01-01T10:05:29Z")

</div>

@K.nakata  
ありがとうございます！！  
すごく助かりました！！  
これで解決しました！！