Support high resolution images in formatted content
|Assignee:||Jean-Philippe Lang||% Done:|
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.
firstname.lastname@example.org would indicate that this image is meant for a hi-res display with a device pixel ratio of 2. Similarly,
@3x would be used for a DPR of 3.
Modern browsers 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
@3x, etc. in the file name and will add a
srcset attribute accordingly.
As an example, have a look at this wiki page - the embedded images are using the mechanism and look crisp and sharp on hi-res displays.
- File screenshot-24922.png added
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.