Not logged in. · Lost password · Register
Forum: General Help and Support Syntax and Usage RSS
Images and high-resolution displays/browser zoom
Scale images in the browser only, not on the server
T114874 #1
Member since Aug 2016 · 1 post
Group memberships: Members
Show profile · Link to this post
Subject: Images and high-resolution displays/browser zoom

we are using DokuWiki to document our products. When we embed images, we use the following syntax to scale the images to a smaller size, e.g. 400 pixel in this case:

{{:myimage.png?nolink&400x200|My Image}}

Unfortunately, it seems instead of delivering the original image and having the browser resizing the image, Dokuwiki scales the image at the server side and sends the smaller image to the browser. This results in pixelized/bad looking images when the user has an high DPI display (like smartphone or Retina display) or zooms into the page, or printing the page, etc...

Is there a way to have Dokuwiki to deliver the original image, and then resize it in the browser by using a CSS style like "width: 400px; heigh: 200px;" etc.? This would greatly improve the appearance of images on high-resolution displays.

Chrismcn #2
Member for some days · 2 posts
Group memberships: Members
Show profile · Link to this post
Subject: No retina support in 2017
I have the same problem here among with the Logo.

I don't find a way to properly embed high resolution / retina images. When the file name contains the scaling factor (@2x, @3x, @4x), you'll just get an errormessage ("logo@4x.png is not a valid filename"). When you leave it away, they will be always displayed as huge blurry images with 2-, 3- or 4-times size but in 72 dpi resolution. And when you use the dokuwiki scaling option, these will be scaled server side to blurry 72 dpi.  :-(

I tried SVG as workaround, but it seems Dokuwiki doesn't support SVG as Logo.

Any suggestions?
This post was edited 2 times, last on 2017-04-21, 14:33 by Chrismcn.
Close Smaller – Larger + Reply to this post:
Verification code: VeriCode Please enter the word from the image into the text field below. (Type the letters only, lower case is okay.)
Smileys: :-) ;-) :-D :-p :blush: :cool: :rolleyes: :huh: :-/ <_< :-( :'( :#: :scared: 8-( :nuts: :-O
Special characters:
Go to forum
This board is powered by the Unclassified NewsBoard software, 20150713-dev, © 2003-2015 by Yves Goergen
Current time: 2017-04-24, 17:01:59 (UTC +02:00)