[[["易于理解","easyToUnderstand","thumb-up"],["解决了我的问题","solvedMyProblem","thumb-up"],["其他","otherUp","thumb-up"]],[["很难理解","hardToUnderstand","thumb-down"],["信息或示例代码不正确","incorrectInformationOrSampleCode","thumb-down"],["没有我需要的信息/示例","missingTheInformationSamplesINeed","thumb-down"],["翻译问题","translationIssue","thumb-down"],["其他","otherDown","thumb-down"]],["最后更新时间 (UTC):2025-08-25。"],[],[],null,["# Add text, images, lines, and shapes to your reports\n\n\u003cbr /\u003e\n\nAdding static design elements can add visual appeal and context to your data stories. As a best practice, use these elements sparingly to avoid distraction from the data.\n| **Important:** Some of the features described on this page are not supported for responsive reports. Check the [Limitations of responsive reports](/looker/docs/studio/create-a-responsive-report-preview) section of the **Create a responsive report** article for a list of unsupported features.\n\nClick the corresponding icon on the toolbar to add the following components to your reports:\n\n1. insert_text Text\n2. image Image\n3. diagonal_line Line\n4. crop_square Rectangle\n5. circle Circle\n\nAdd text\n--------\n\nUse text to add headings and descriptions to your reports. You can also use text to [create hyperlinks](/looker/docs/studio/link-to-a-page) to pages within your report, to other Looker Studio reports, or to any web-accessible resource.\n\nTo add text to your report, follow these steps:\n\n1. In the toolbar, click the insert_text **Text** icon to add a text box to the report canvas.\n2. Click, hold, and drag the corners or sides of the text box to reposition or reshape the text box on the report canvas.\n3. Click inside the text box to add your text in the box.\n\nTo add a title directly to a chart, select the chart and then [enable the **Show title** checkbox](/looker/docs/studio/area-chart-reference) in the **Style** section of the **Properties** panel for a chart. You can then customize the appearance and placement of the chart in the **Properties** panel.\n\n### Style the text\n\nTo style the text, follow these steps:\n\n1. Click the text box.\n2. Use the **Text Properties** options to change the font, size, color, padding, and other aspects of the text.\n\n### Make the text scrollable\n\nSelect the **Hidden** option in the **Scroll text** menu that is in the **Overflow settings** section to make the text box scrollable.\n\nAdd images\n----------\n\nUse images to add logos and graphics to your report.\n\nTo add an image to your report, follow these steps:\n\n1. In the toolbar, click the image **Image** icon.\n2. Select an image file from your hard drive, or enter the URL for an image that's hosted on the web. You can add most common image file formats, such as PNG, JPG, or SVG.\n\n | **Tip:** You can also drag images directly from your hard drive or a web page to the report canvas. Looker Studio can't display copyrighted images from Google Images. If you add a copyrighted image, you'll see an overlay on top of your report. To remove the overlay, refresh the report.\n3. Click, hold, and drag the inside, corners, or sides of the image to reposition or resize it on the report canvas.\n\nNext, you can style the image.\n\n### Style the image\n\nTo style the image on your chart, click the image to open the **Properties** panel. You can customize the image by using the **Setup** tab and **Style** tab options.\n\nThe **Setup** tab of the **Properties** panel includes the following options:\n\n- **Image file:** Displays the filename or web URL of the image. Click the filename or URL to upload a different image.\n- **Preserve aspect ratio:** When this option is enabled, the aspect ratio of the image is preserved when a report viewer resizes the report.\n- **Image link URL:** Enter a URL to make the image a clickable link. The link must begin with the HTTPS protocol.\n- **Accessibility - Alt text:** Add alt text to the image to make it accessible to screen readers. See the [Web Content Accessibility Guidelines (WCAG) guidelines on alt text](https://www.wcag.com/blog/good-alt-text-bad-alt-text-making-your-content-perceivable/#What_is_alt_text_and_who_does_it_benefit) for more information about writing alt text.\n\nThe **Style** tab of the **Properties** panel include the following options:\n\n- **Background:** Sets the image background color.\n- **Opacity:** Sets the image opacity. 100% opacity completely hides objects behind the image. 0% opacity makes the image invisible.\n- **Border color:** Sets the image border color.\n- **Border radius:** Adds rounded borders to the image background. When the radius is 0, the background shape has 90° corners. A border radius of 100° produces a circular shape.\n- **Border weight:** Sets the image border line thickness.\n- **Border style:** Sets the image border line style.\n- **Add border shadow:** Adds a shadow to the image's lower and right borders.\n\n| **Tip:** You can also add images from your data to tables by using the [`IMAGE` function](/looker/docs/studio/image).\n\nAdd rectangles and circles\n--------------------------\n\nUse shapes to create visual separation of data elements, banners, and other graphical effects.\n\nTo add a shape to your report, follow these steps:\n\n1. In the toolbar, click the crop_square **Shape** icon and select a shape to add to the report canvas.\n2. Click, hold, and drag the corners or sides of the shape box to reposition or resize the shape on the report canvas.\n3. Click the shape to open the **Shape properties** panel and customize the shape's appearance.\n\nAdd lines and arrows\n--------------------\n\nUse lines and arrows to indicate areas of note or to connect elements in report.\n\nTo add lines and arrows to your report, follow these steps:\n\n1. In the toolbar, click the diagonal_line **Line** icon.\n2. Click, hold, and drag your pointer to draw a line on the canvas.\n3. Click the line to open the **Line Properties** panel options to change the appearance of the line.\n\n| **Tip:** To connect two components with a line, drag each end of the line over the component until the colored anchor points appear. Next, connect the line ends to the anchor points. If you move the components, the line will adjust to keep them connected."]]