Differences

This shows you the differences between two versions of the page.

Link to this comparison view

Both sides previous revision Previous revision
Next revision
Previous revision
en:create:images [03.02.2015 14:37]
admin
en:create:images [10.06.2018 20:17]
admin
Line 21: Line 21:
   - Afterwards, the image has to be embedded into the questionnaire. There are several ways of doing so - depending on the intended use.    - Afterwards, the image has to be embedded into the questionnaire. There are several ways of doing so - depending on the intended use. 
     * The image appears in **Compose Questionnaire** on the bottom right. You can simply drag & drop the image into the questionnaire here.      * The image appears in **Compose Questionnaire** on the bottom right. You can simply drag & drop the image into the questionnaire here. 
-    * If you click on the image in **Image and Media Files**, the file name will be shown as well as an HTML code to embed the image. ​This HTML code can be used in text elementsquestionsitems etc+    * If you click on the image in **Image and Media Files**, the file name will be shown as well as an HTML code to embed the image. ​You can enter this HTML code anywhere you can enter text. For example, ​in text modules (if "HTML code" has been selected for the display mode)in the text or instructions of a questionor in the text of an item. You can also use an element "HTML code" under "​Compose Questionnaire"​ and enter HTML code there
     ​     ​
 If an image is embedded using HTML code, the position of the image can be adjusted more precisely. The HTML code displays the image ''​image.jpg''​ in the center and leaves a spacing of 40 pixels above/below for other content. ​ If an image is embedded using HTML code, the position of the image can be adjusted more precisely. The HTML code displays the image ''​image.jpg''​ in the center and leaves a spacing of 40 pixels above/below for other content. ​
Line 71: Line 71:
   * Convert the image to RGB mode (greyscale images to the greyscale mode), if it involves an indexed image ([[#​farbtiefe|Color Depth]]).   * Convert the image to RGB mode (greyscale images to the greyscale mode), if it involves an indexed image ([[#​farbtiefe|Color Depth]]).
   * Scale the image with the image editor. Please ensure that the size is given in pixels (resolution or size specification in centimeters is irrelevant for online display).   * Scale the image with the image editor. Please ensure that the size is given in pixels (resolution or size specification in centimeters is irrelevant for online display).
 +    * **Tip:** If your images are hard to read/​recognize after resizing, you may change they questionnaire'​s width ([[:​en:​create:​layout]]) to have more overall space.
 +    * On small displays (e.g., on smartphones),​ the layout will shrink ([[:​en:​create:​smartphones]]). Use ''​%%<​img src="​..."​ style="​max-width:​ 100%">​%%''​ to automatically resize an image as well.
   * Use the feature //Unsharp Mask// ​ (or //​Sharpen//​) if the image seems muddy after scaling.   * Use the feature //Unsharp Mask// ​ (or //​Sharpen//​) if the image seems muddy after scaling.
   * Reduce color depth if it involves a graphic. The fewer colors you need (units are counted in powers of 2, i.e. 255, 127, 63, 31, 15, 7, 3 or 2 colors), the smaller the file and thus the quicker the questionnaire will load. Leave the color depth unchanged for photos.   * Reduce color depth if it involves a graphic. The fewer colors you need (units are counted in powers of 2, i.e. 255, 127, 63, 31, 15, 7, 3 or 2 colors), the smaller the file and thus the quicker the questionnaire will load. Leave the color depth unchanged for photos.
en/create/images.txt · Last modified: 10.06.2018 20:17 by admin
 
Except where otherwise noted, content on this wiki is licensed under the following license: CC Attribution-Share Alike 4.0 International
Driven by DokuWiki