Vote #78180
完了Support high resolution images in formatted content
0%
説明
Today, many computers have high resolution displays (e.g. Apple's retina screens) and it would be nice if images embedded into Redmine via the @!image.png!@ syntax would make use of the higher resolution.
It has become quite common to use @@2x@ in the filename of such hi-res images, e.g. @image@2x.png@ would indicate that this image is meant for a hi-res display with a "device pixel ratio":http://stackoverflow.com/questions/8785643/what-exactly-is-device-pixel-ratio of 2. Similarly, @@3x@ would be used for a DPR of 3.
"Modern browsers":http://caniuse.com/#feat=srcset support supplying these image files in @img@ tags via the @srcset@ attribute and will scale the images automatically on hi-res displays.
The attached patch implements recognition of hi-res images by looking for @@2x@, @@3x@, etc. in the file name and will add a @srcset@ attribute accordingly.
As an example, have a look at this "wiki page":https://support.plan.io/projects/planio-support-en/wiki/Import_issues_into_Planio_via_CSV_files - the embedded images are using the mechanism and look crisp and sharp on hi-res displays.
journals
Thank you for the patch.
I am always annoyed whit this @2x images issue. When I attach screenshots which was taken with Mac, I have to half the resolution of the image before upload to prevent the images are displayed at too large size.
With this patch, what I have to do is only renaming the file name to "*@2x.(jpg|png)". It would be great if the patch is merged.
!screenshot-24922.png!
--------------------------------------------------------------------------------
Most browsers even Microsoft Edge supports @srcset@ attribute: http://caniuse.com/#search=srcset
--------------------------------------------------------------------------------
--------------------------------------------------------------------------------
Related: I've also provided patches for hi-res support in Gravatars and Thumbnails, see #24927.
--------------------------------------------------------------------------------
--------------------------------------------------------------------------------
Setting target version to 3.4.0 along with #24927.
--------------------------------------------------------------------------------
Committed with a test, thanks.
--------------------------------------------------------------------------------
related_issues
relates,Closed,24927,Render high resolution Gravatars and Thumbnails
relates,New,11757,Add support for HDPI screens (retina)