# 【bubble】imageエレメントに表示した画像の解像度について

**URL:** <https://www.nocode-faq.com/t/topic/1799>\
**Category:** bubble\
**Created:** [2021 年 6 月 25 日午前 6:56 UTC](https://www.nocode-faq.com/t/topic/1799 "2021-06-25T06:56:32Z")\
**Posts on this page:** 5\
**Page:** 1

<div class="post-metadata">

**Author:** ![taichi-shima](https://sea2.discourse-cdn.com/flex020/user_avatar/www.nocode-faq.com/taichi-shima/32/2631_2.png) [@taichi-shima](https://www.nocode-faq.com/u/taichi-shima)\
**Post date:** [2021 年 6 月 25 日午前 6:56 UTC](https://www.nocode-faq.com/t/topic/1799/1 "2021-06-25T06:56:32Z")

</div>

度々の質問失礼いたします。

請求書確認アプリを作っていて、下の画像のようにpicture uploaderに請求書を添付し、データベースのimageのレコードから取り出す形で表示しているのですが、これだとアップした画像の解像度が著しく落ちて字が潰れて確認できなくなってしまいます。

 ![請求書画像解像度質問](https://us1.discourse-cdn.com/flex020/uploads/ncc_forum/original/2X/e/e371945c08c3f318ea964e446da4478808fe6969.png)

↓拡大すると文字が潰れてしまう・・・

 ![グラフィックス1](https://us1.discourse-cdn.com/flex020/uploads/ncc_forum/original/2X/3/3b5cbd110ee7954b09a82183c53840fe8e8e6f62.jpeg)

画像をアップロードするときに画像サイズが小さく修正されることが問題だと考えています。。

何か良い方法はないでしょうか？  
いつも質問をする側となってしまい申し訳ありません。

---

<div class="post-metadata">

**Author:** ![jansnap](https://sea2.discourse-cdn.com/flex020/user_avatar/www.nocode-faq.com/jansnap/32/6599_2.png) [@jansnap](https://www.nocode-faq.com/u/jansnap)\
**Post date:** [2021 年 6 月 26 日午前 12:41 UTC](https://www.nocode-faq.com/t/topic/1799/2 "2021-06-26T00:41:40Z")

</div>

公式フォーラムの昔の投稿によると、  
[https://s3.amazonaws.com/appforest\_uf/f\_/filename.png?ignore\_imgix](https://s3.amazonaws.com/appforest_uf/f_/filename.png?ignore_imgix) のように末尾に「?ignore\_imgix」をつけると、表示時の変換をしないとありますが、今確認すると変わらないですね。。。  
Bubbleにアップロードした時点で圧縮されているのでしょうか(画像URLをブラウザで直接開くと、既に圧縮されている？)

皆さんはどうしていますか？

---

<div class="post-metadata">

**Author:** ![taichi-shima](https://sea2.discourse-cdn.com/flex020/user_avatar/www.nocode-faq.com/taichi-shima/32/2631_2.png) [@taichi-shima](https://www.nocode-faq.com/u/taichi-shima)\
**Post date:** [2021 年 6 月 26 日午前 1:05 UTC](https://www.nocode-faq.com/t/topic/1799/3 "2021-06-26T01:05:36Z")

</div>

いつもお世話になっております！  
今回もお答えいただき誠にありがとうございます😭

公式フォーラムにそんな情報があるんですね！

英語は苦手ですが、漁ってみる価値はありそうですね…

現在は諦めて画像をクリックしたらその画像が別ページに表示されるワークフローを組んで表示しています。

できれば、クリックするという無駄な手間を減らしたいですが、仕方ないですね🥺

---

<div class="post-metadata">

**Author:** ![Matsu](https://sea2.discourse-cdn.com/flex020/user_avatar/www.nocode-faq.com/matsu/32/3231_2.png) [@Matsu](https://www.nocode-faq.com/u/Matsu)\
**Post date:** [2021 年 6 月 26 日午前 1:10 UTC](https://www.nocode-faq.com/t/topic/1799/4 "2021-06-26T01:10:15Z")

</div>

Repeating groupで画像を表示するなら、添付画像のようにimagixで画質や自動でサイズ変更ができます。

あと以前、トリミングの関係でこのフォーラムで投稿がありましたので、参考に添付しますね。

 ![スクリーンショット 2021-06-26 9.56.09](https://us1.discourse-cdn.com/flex020/uploads/ncc_forum/original/2X/6/679b9bc1ae9ebc0d0a556c0ad6b0999958ba33a7.png)

> [@Bubbleでアップロードしたイメージのサイズを小さくしたい](https://www.nocode-faq.com/t/topic/1518):
>
> PictureUploader でイメージをアップロードすると、アップロード元のそのままのファイルサイズで登録されてしまいますが、これだとサーバ容量を多く消費してしまい、すぐに各料金プランの容量を超えてしまいそうな気がしています。 また、サムネイル用など、小さなサイズで良い場合などもあります。 イメージのサイズ(容量および縦横の長さ)を変換する方法はあるのでしょうか？

---

<div class="post-metadata">

**Author:** ![taichi-shima](https://sea2.discourse-cdn.com/flex020/user_avatar/www.nocode-faq.com/taichi-shima/32/2631_2.png) [@taichi-shima](https://www.nocode-faq.com/u/taichi-shima)\
**Post date:** [2021 年 6 月 27 日午後 2:22 UTC](https://www.nocode-faq.com/t/topic/1799/5 "2021-06-27T14:22:20Z")

</div>

お答えいただき誠にありがとうございます！

リピーティンググループを触っててこの機能があることに気づいていませんでした！

少し触ってみます！🤔