Note: Google Data Studio is now known as Looker Studio.

We use the IMAGE function to create image fields in our data source schema.

Following is the syntax of the Image function:

IMAGE(Image URL, [Alternative Text])

Image URL is a field or expression that evaluates to a URL.

Alternative Text is an optional field or expression that evaluates to text. This text is used to describe an image so that the visually impaired users can understand what the image is all about by using a screen reader.

Follow the steps below to use the image function in the Looker Studio:

Step-1: Navigate to your Looker Studio account and then click on the ‘Create’ button:

Step-2: Click on the ‘Data Source’ option to create a new data source schema:

Step-3: Find and click on the Google Sheets connector:

Step-4: Select your Google Sheets data source:

The selected Google Sheets data source contains the following data:

Step-5: Click on the ‘Connect’ button at the top right-hand side:

Your new data source schema is going to look like the one below:

My step-by-step blueprint for using Looker Studio (formerly Google Data Studio)

Get the FREE ebook on Looker Studio (75 Pages)

Yes I want the FREE ebook

Step-6: Click on the ‘ADD A FIELD’ button to create a new calculated field:

Step-7: Name the new calculated field ‘Product Images ‘ and then define it like the one below:

Step-8: Click on the ‘Save’ button and then click on the ‘ALL FIELDS’ button to navigate back to the data source schema editor.

You should now see a new calculated field of type ‘Image’:

That’s how you can use the IMAGE function to create image fields in your data source schema.

Step-9: Click on the ‘Create Report’ button to create a new report from the data source schema:

Step-10: Click on the ‘Add to report’ button:

Looker Studio will automatically create a new table in your report:

Step-11: Drag and drop the following fields one by one from the ‘Available Fields’ section to the ‘Dimensions’ section:

• Product Images
• Product Cost

Step-12: Remove the ‘Record count’ metric by clicking on the cross button next to it:

Your data table is now going to look like the one below:

Step-13: Re-size your data table so that you can see all the product images

Step-14: Click on the ‘View’ button (on the top right-hand side of your screen) to view your report in the view mode:

In view mode, your data table is going to look like the one below:

When you copy a data source schema, all Image fields are disabled in the copy.

You can re-enable image fields by following the steps below:

Step-1: Navigate to the copied data source schema editor:

Step-2: For each image field you want to enable, click on the three dots next to it:

Step-3: Click on the ‘Show‘ option from the drop-down menu to re-enable the image field:

This is what the re-enabled image field will look like:

Related articles

• Image data type in Looker Studio
• Image Link data type in Looker Studio

Other articles on Looker Studio

1. Looker Studio Alternative – Whatagraph
2. Looker Studio Parameters explained with examples
3. Looker Studio Number Formats / Data Types
4. How to Change Language in Looker Studio
5. Looker Studio Date Format and Time Explained
6. Looker Studio Tutorial with FREE PDF ebook
7. Looker Studio Functions, Formulas Tutorial
8. How to work with the Boolean field in Looker Studio
9. Looker Studio Page Navigation Tutorial
10. Understanding Report Editor in Looker Studio
11. Best practices for creating a report in Looker Studio
12. How to share reports in Looker Studio
13. Seven methods to create a new report in Looker Studio
14. Looker Studio Report Tutorial
15. How to invite people to view or edit a report in Looker Studio
16. How to share the link of your report in Looker Studio
17. Schedule email delivery of a report in Looker Studio
18. How to download Looker Studio report as PDF
19. How to embed a Looker Studio report on a website
20. Guide to Data Types in Looker Studio
21. Image Link data type in Looker Studio
22. Image data type in Looker Studio
23. Looker Studio Geo Map – Latitude Longitude
24. Why You Should Avoid Using Functions and Calculated Fields in Looker Studio
25. Looker Studio Calculated Fields Tutorial
26. Working with the Text data type in Looker Studio
27. The Data Set Configuration Error in Looker Studio
28. Data Source Fields in Looker Studio – Tutorial
29. Refresh data source schema fields in Looker Studio
30. Looker Studio Data Sources – Tutorial
31. Looker Studio Dimension vs Metric
32. How to filter by email in Looker Studio
33. Looker Studio – Sharing Data Sources (aka data source schema)
34. Field editing in reports – Looker Studio
35. Data Source Version History in Looker Studio
36. Community Visualization Access in Looker Studio
37. Understanding Data Source Credentials in Looker Studio
38. Understanding Data Freshness in Looker Studio
39. How to create and configure a data source in Looker Studio
40. Looker Studio Aggregation Explained
41. How to Edit a Calculated Field in Looker Studio
42. Formula Rejection in Looker Studio
43. Doing Basic Maths on Numeric Fields via Calculated Fields