Initial image size in responsive skins

This forum is for discussions on the Help & Manual Premium Pack and the Premium Pack Toolbox configuration utility introduced with Premium Pack 3

Moderators: Alexander Halser, Tim Green

Post Reply
Ekkehart
Posts: 14
Joined: Sat Apr 01, 2006 8:19 am
Location: Neuruppin, Germany

Initial image size in responsive skins

Unread post by Ekkehart »

Hi,

in the responsive skins of PP 3.20 the output size of images in topics follows the text size, which can be decreased or increased using the hamburger menu ("Smaller Text", "Larger Text"). For the initial text size the image size is not the original image size, but a little bit smaller; screenshots look blurred. For desktop and tablet I need the initial image size equal to the original image size. There is no option in the PP Toolbox suitable for this. Is there any possibility to change the initial image size?

Thanks for any help.
Ekkehart
User avatar
Tim Green
Site Admin
Posts: 23156
Joined: Mon Jun 24, 2002 9:11 am
Location: Bruehl, Germany
Contact:

Re: Initial image size in responsive skins

Unread post by Tim Green »

Hi Ekkehart,

The base font size setting in these skins is 100%, unless you change it. The setting is in the HTML Options (with Toolbox), in the Font Base Size setting. (DON'T change the Font Size Encoding setting -- it must be set to 3 for responsive design). In addition to this you can set a relative size adjustment for tablet and phone modes in the Main Layout Fonts variables group, but those are also set to 1.0 by default.

However, the skins now also use localStorage (if available) or cookies to store the last font size setting that the user applied with the More menu. What may be contributing to what you are seeing is that you are seeing the same size that was set the last time the WebHelp was visited in that browser.

Overall, I would not worry about this. As screen resolution increases and responsive design becomes the norm, we need to forget about concepts like 100'% size for images, because they are becoming effectively meaningless. There is no longer any such thing as a "pixel" on the screen on high-resolution displays, because each layout pixel now consists of a varying number of actual pixels. How many hardware pixels are used for a virtual (layout) pixel depends on the resolution of the display, AND the scaling factor of the operating system AND the scaling factor set in the user's browser -- and in adjustable layouts like those in the V3 skins you have the additional scaling factor that the user can set as well. When you consider all these variables, the probability of actually having a 1:1 representation of an image on the screen in terms of actual pixels may be smaller than getting all the numbers right in the Lotto, but it is still very very unlikely. 8)

All you can really do to get "sharp" images is to make your images larger than they absolutely need to be and scale them with the "% of page size, maximum is native size" option, which should be the norm for all images that are going to be displayed in HTML now. Note also that the "% of page size" should really be "% of container size". If you have set indents in the paragraph containing the image it will be relative to the space between the indents, and if the image is in a table cell it will be relative to the width of the table cell minus any padding.
Regards,
Tim (EC Software Documentation & User Support)

Private support:
Please do not email or PM me with private support requests -- post to the forum directly.
Ekkehart
Posts: 14
Joined: Sat Apr 01, 2006 8:19 am
Location: Neuruppin, Germany

Re: Initial image size in responsive skins

Unread post by Ekkehart »

Hi Tim,

thanks for your explanations. I will try the "% of page size, maximum is native size" option.

Best regards,
Ekkehart
Post Reply