0
0

Delete article

Deleted articles cannot be recovered.

Draft of this article would be also deleted.

Are you sure you want to delete this article?

More than 3 years have passed since last update.

【個人アプリ開発メモ】画像が粗くなってしまう問題の解決

Posted at

直面している問題

スクリーンショット 2020-08-20 午後1.51.56.png
こんな感じで投稿画像が粗くなってしまう

ヒントはつかめてる

画像のデフォルトのサイズは
app/uploaders/image_upload.rbのこの部分で設定できる。

image_upload.rb
process resize_to_fit: [300, 200]

これと同じ大きさで画像を表示すれば、キレイに表示できる。
逆にこれと違う大きさで画像を表示しようとすると、粗くなってしまう。

そのことがわかったら、
スクリーンショット 2020-08-20 午後2.06.26.png
こんな感じでキレイに表示できた。

しかしこれで問題が完全にクリアになったわけではない。
スクリーンショット 2020-08-20 午後2.09.35.png
こちらはプレビュー画像なのだが、こちらが少し粗くなってしまった。

複数の画像の大きさの設定したいときはどうすればいいのだろうか?

今気づいたのだが、選択する画像によってキレイになったり粗くなったりする。
これがなぜそうなるのかがまだわからない。

0
0
0

Register as a new user and use Qiita more conveniently

  1. You get articles that match your needs
  2. You can efficiently read back useful information
  3. You can use dark theme
What you can do with signing up
0
0

Delete article

Deleted articles cannot be recovered.

Draft of this article would be also deleted.

Are you sure you want to delete this article?