Defect #26379
closed
Fix thumbnail rendering for images with height >> width
Added by Gabriel Cardoso over 7 years ago.
Updated over 7 years ago.
Description
The ImageMagick format rule being `100x100>` (given 100 as thumbnail size in settings), when uploading images with a height much greater than the width (like websites templates) the thumbnail will have a height of 100px and a computed width so homothety is respected.
In the `thumbnail_tag` helper from `ApplicationHelper`, the width attribute is set width `Setting.thumbnails_size`. I suggest to remove this attribute from the image tag since the source thumbnail has the right size.
Am I missing some cases where this change could have an important impact ?
Files
you can disable imagemagick and then you won't be able to resize thumbnails
bundle install --without rmagick
Gabriel Cardoso wrote:
In the `thumbnail_tag` helper from `ApplicationHelper`, the width attribute is set width `Setting.thumbnails_size`. I suggest to remove this attribute from the image tag since the source thumbnail has the right size.
The width attribute is workaround for strange behavior of Firefox. Please see #24927#note-6 and #24927#note-8 for details.
- Tracker changed from Patch to Defect
- Affected version set to 3.4.0
Redmine 3.3 (displayed with 25px * 100px):
Redmine 3.4 (displayed with 100px * 392px):
Here is a patch to fix this issue.
Thumbnails are displayed in the same way as in Redmine 3.3 if the patch applied.
- Target version changed from 3.4.1 to 3.4.2
Waiting for some feedback before merging it.
- Status changed from New to Resolved
Perfect ! Thank you !
Indeed, your approach is better and solve the proble. Hope it doesn't break #24927#note-6 and #24927#note-8 on Firefox
- Status changed from Resolved to Confirmed
Gabriel Cardoso wrote:
Indeed, your approach is better and solve the proble. Hope it doesn't break #24927#note-6 and #24927#note-8 on Firefox
No problem. Setting both max-width
and max-height
resolved #24927#note-6.
Thank you for your feedback!
"Resolved" status is used by core developers, I am setting the status to "Confirmed".
- Subject changed from Fix thumbnail rendering to Fix thumbnail rendering for images with height >> width
- Status changed from Confirmed to Resolved
- Assignee set to Jean-Philippe Lang
- Resolution set to Fixed
- Status changed from Resolved to Closed
Also available in: Atom
PDF