It is possible to add an image to a tile. The image can be hosted on the web or stored on the user's disk.
For all images, the first step is to select the Insert/Edit Image button in the Content editor section of the Create tile drawer to open the Insert/Edit Image window as follows:
The next steps depend on whether the image is from the web or a disk.
Add an image from the web
To add an image from the web, define each field of the Insert/Edit Image window as follows:
- Source: expects the URL to access the image file.
- Alternative description: expects an alternative text for the image. It replaces the image if it cannot be displayed.
- Width and Height: When adding the URL, the dimensions are automatically filled in with the original width and height of the image in pixels. New dimensions can be assigned if needed. By default, a lock icon indicates that Fluid Topics keeps the values proportional when resizing. Users can select the lock icon to define dimensions that are not proportional.
To add an image from a disk, define each field of the Insert/Edit Image window as follows:
- Source: expects the Base64 string representation of the image file. It is possible to generate this representation by using a tool such as https://www.base64-image.de/.
- Alternative description: expects an alternative text for the image. It replaces the image if it cannot be displayed.
- Width and Height: When adding the URL, the dimensions are automatically filled in with the original width and height of the image in pixels. New dimensions can be assigned if needed. By default, a lock icon indicates that Fluid Topics keeps the values proportional when resizing. Users can select the lock icon to define dimensions that are not proportional.