Insert Images

  • Last update:January 17, 2022
  • I. Overview

    FineReport allows you to insert images to cells, so as to make more beautiful reports.

    You will learn
    • Insert Image

    • Modify Image Display Mode

    II. Insert Images

    Threre are three ways to insert an image.


    1. Method 1

    In the right-hand pane, click the drop-down box and select Insert Image


    2. Method 2

    In the upper toolbar, click Insert->Cell Element->Insert Image .


    3. In the upper toolbar, click the [image] icon


    4. Select an image in the pop-up window

    1) Click Select Image.

    2) Navigate to webapps/webroot/help/picture under the installation folder of FineReport.

    3) Select an image, and then double-click it or click Open.

    Note:It is recommended to save the image in the folder named webapps under the installation folder of FineReport.

    III. Image Display Mode

    1. Display mode: Default


    2. Change the cell size and the image keeps its original size

     Preview the effect.


    3. Display Mode: Tile

    1) To change the display mode, double-click the cell with an image, or in the right-hand pane, click the Edit button.

    2) Select Tile and click OK.


    4. Resize the cell, and the image reoccurs to spread across the cell

    Preview the effect.


    5. Display Mode: Stretch


    6. The image will change its shape to fit the cell shape

    Preview the effect.


    7. Display Mode: Adaptive


    8. The size of image will change to fit the cell size while remain the original length-width ratio

    Preview the effect.

    IV. Precautions

    Description of the problem : After uploading a picture with a transparent background to the cell, the transparent color becomes black. As shown below:

    1600159584249817.png

    Reason analysis :

    When the transparency of the image is lower than 5%, the PNG image will be converted into a JPEG image for compression. In the process of converting the format compression, the transparency channel will be lost, and the transparent color will become black.

    1) If the FR designer is version 10.0.18 and earlier, the reason is that it is checked  Cellpress Images when selecting an image to upload in the cellAs shown below:

    2.png

    2) If FR Designer is version 10.0.19, the reason is that it is checked in Options > Advanced >Compress Images. As shown below:

     3.png

    Solution :

    Uncheck Compress Images .

    Attachment List


    Theme: Designer and Upgrade
    • Helpful
    • Not helpful
    • Only read

    滑鼠選中內容,快速回饋問題

    滑鼠選中存在疑惑的內容,即可快速回饋問題,我們將會跟進處理。

    不再提示

    10s後關閉

    Get
    Help
    Online Support
    Professional technical support is provided to quickly help you solve problems.
    Online support is available from 9:00-12:00 and 13:30-17:30 on weekdays.
    Page Feedback
    You can provide suggestions and feedback for the current web page.
    Pre-Sales Consultation
    Business Consultation
    Business: international@fanruan.com
    Support: support@fanruan.com
    Page Feedback
    *Problem Type
    Cannot be empty
    Problem Description
    0/1000
    Cannot be empty

    Submitted successfully

    Network busy