3
Image
Definition
The Image component
allows you to insert images in various formats. In standard mode a
recalculation automatically optimizes the weight and size (when converted to
JPG) depending on display size.
Use
Inserting an Image
Adding an image element
which will appear like this:
Click on this image then
click "Browse", select your image from your files and upload it without
worrying about its final size.
Then adjust the image size you want and upload it again to get the best weight / quality.
Then adjust the image size you want and upload it again to get the best weight / quality.
Gallery Mode
It allows visitors to
see the image enlarged; all images on the page with the gallery mode selected
will then be accessible and enlarged in a slideshow.
For good quality upload the image after checking the gallery mode.
This page contains 2 example pictures in gallery mode:
For good quality upload the image after checking the gallery mode.
This page contains 2 example pictures in gallery mode:
Keep the original format
This option prevents
the automatic recalculation when loading the image. It allows keeping the
original format of an image and inserting an animated or transparent image.
If the size of the image is retouched and then if the original format was JPG, we return to the general case: recalculation and JPG.
If the size of the image is retouched and then if the original format was JPG, we return to the general case: recalculation and JPG.
Adjust the size
The image size can be
adjusted by dragging its borders with the mouse or by entering the dimensions
on the keyboard.
Tips & Tricks
Size
For
best quality and optimum loading time, we recommend a maximum size of 1024 x 768 pixels and a maximum weight of 2 MB.
Format
Recommended approach:
- When there is no transparency or animation
- Use the standard method.
- If the quality is poor, try the GIF format.
- If the quality is poor, try the PNG format.
- When there is transparency
- Avoid the PNG format if you want your image to be displayed correctly on older browsers. Use the GIF format.
- If the quality is insufficient, reconsider the transparency of the image and use a visual effect.
- When there is animation
- Use the GIF format or replace the image with a multimedia file (flash etc.).
Line break in a legend ...
To introduce a line break in a legend , type the characters: \n
Example :
Example :
Legend
of
the image
of
the image
See also
