Image

Share

Explore

Image

Image

⁠

⁠

⁠

Formula: Image()

Category: Shape

full-image (1).svg

⁠

⁠

Image()

Pulls an image from a URL

or stated otherwise...

Hey Coda, I have the URL for an image, but I want you to show me the image. I may tell you the specific dimensions I want for the image.

Image() has one required and five optional parameters:

domain (1) (1).svg

⁠

⁠

URL

This is the url to the image you want to pull.

tape-measure (1).svg

⁠

⁠

Width

Image(Width, Height, Name, Style, Outline)

How wide the image should be. Use 0 for default.

⁠

⁠

Height

Image(Width, Height, Name, Style, Outline)

How tall the image should be. Use 0 for default.

identification-documents (1).svg

⁠

⁠

Name

Image(Width, Height, Name, Style, Outline)

The optional alternative text for the image.

⁠

⁠

Style

Image(Width, Height, Name, Style, Outline)

Should it be a circle or automatically determined?

⁠

⁠

Outline

Image(Width, Height, Name, Style, Outline)

Whether to put an outline around the image. Defaults to true.

⁠

⁠

⁠

Image() allows you to pull any image into your doc that is hosted somewhere online.

Put potatoes in your doc

The Image() formula allows you to grab nearly any image online and use it in your docs. Let’s practice by getting a potato in this document by following the steps below

⁠

⁠
⁠
`Head to the Image Tab`
⁠
⁠

⁠
⁠

⁠

Head to the image tab to find images of a potato You don’t technically need to head to the image tab of google, but there’s just more options there! More options means a better likelihood you are going to select an amazing potato. ⁠ ⁠ ⁠

⁠

⁠

⁠

⁠

⁠

Potato Width:

000

0

⁠

⁠

Potato height:

000

0

⁠

⁠

⁠

⁠

⁠

Why use the Image formula?

Save Space

It can be tempting upload images to your doc via cut and paste. While not a bad solution, hosting many sizable image files within a document can take up valuable space, especially if you are on lower-priced Coda tiers.

Coda Free Plan allows 1 GB of files per doc.

Coda Team Plan allows 10 GB of files per doc.

Scale with Images

Another time Image() becomes invaluable is when you’ll be using an image multiple times within a document.

For example, if we wanted to change every single LEARN header in this doc, we’d need to simply update the singular upload in the table below instead of manually uploading the image again to every page.

We at The Coda school use Image() to place images in our lessons via image links. In fact, all the headers you see are created with Image()! See below 👇

Header

Image Raw Json

Image Link

1

What are these formulas_ - 8.png

{"type":"ref","objectId":"Global-Blobs","identifier":"bl-sqmjixC3Kp","name":"What are these formulas_ - 8.png","publicUrl":"https://codahosted.io/docs/1R0cPTNo8H/blobs/bl-sqmjixC3Kp/6381f78e98ea47ff60276aa318cf353a979ad5888e9aa994b0bad3212f76ec584eb666b57bb5b61c35aa556da2164b6515a81c65d2e8e1d0c2602e8651d59cd11ce0908552211f01937ebd7512b351c9e1c8e6db89654ac521d6e28f314b7034ee542755"}

https://codahosted.io/docs/1R0cPTNo8H/blobs/bl-sqmjixC3Kp/6381f78e98ea47ff60276aa318cf353a979ad5888e9aa994b0bad3212f76ec584eb666b57bb5b61c35aa556da2164b6515a81c65d2e8e1d0c2602e8651d59cd11ce0908552211f01937ebd7512b351c9e1c8e6db89654ac521d6e28f314b7034ee542755

2

What is this formula_ - 8.png

{"type":"ref","objectId":"Global-Blobs","identifier":"bl-a2s26-0k28","name":"What is this formula_ - 8.png","publicUrl":"https://codahosted.io/docs/1R0cPTNo8H/blobs/bl-a2s26-0k28/15dd2319c3cb3e9f5328a10836c6898dfe2e801d33a01bd56df25a649fb1187a3c161c086c14e208b880bf660af138208654a76a865faeb1497342b53ce3e56e53203882f59df2a40d581f151d1e4841669176786c71aeef04e8de40605314ce23f18142"}

https://codahosted.io/docs/1R0cPTNo8H/blobs/bl-a2s26-0k28/15dd2319c3cb3e9f5328a10836c6898dfe2e801d33a01bd56df25a649fb1187a3c161c086c14e208b880bf660af138208654a76a865faeb1497342b53ce3e56e53203882f59df2a40d581f151d1e4841669176786c71aeef04e8de40605314ce23f18142

3

Learn - 8.png

{"type":"ref","objectId":"Global-Blobs","identifier":"bl-ZwnSDYl64N","name":"Learn - 8.png","publicUrl":"https://codahosted.io/docs/1R0cPTNo8H/blobs/bl-ZwnSDYl64N/96327f0169533e1c45f00729497518dcb51dbac9ec3a413fdac0a0f7a08745c5c243193fcc54ffeb90085db6cb22945391f5878b57e03ae9e7cff52f03c8a1fe60022ea781c932e3acac2562cfc9a275fb1855ede4ae2bcefd886942babd9e423c0c91a3"}

https://codahosted.io/docs/1R0cPTNo8H/blobs/bl-ZwnSDYl64N/96327f0169533e1c45f00729497518dcb51dbac9ec3a413fdac0a0f7a08745c5c243193fcc54ffeb90085db6cb22945391f5878b57e03ae9e7cff52f03c8a1fe60022ea781c932e3acac2562cfc9a275fb1855ede4ae2bcefd886942babd9e423c0c91a3

4

Do - 8.png

{"type":"ref","objectId":"Global-Blobs","identifier":"bl-jc9gJjOuVh","name":"Do - 8.png","publicUrl":"https://codahosted.io/docs/1R0cPTNo8H/blobs/bl-jc9gJjOuVh/85e8c28079675048b7735a6ce7c8f4ebeebedb3e25faa1e7511cc138f4a23880a876f85333ebc0fe5a10c5f3fe675c6d1e66bb03b2b1634bc2056d1b220794a3b1672700a8e311be04549d0f2b2b2c3d463328290a11d0bae736da1cd4fb6294441c8711"}

https://codahosted.io/docs/1R0cPTNo8H/blobs/bl-jc9gJjOuVh/85e8c28079675048b7735a6ce7c8f4ebeebedb3e25faa1e7511cc138f4a23880a876f85333ebc0fe5a10c5f3fe675c6d1e66bb03b2b1634bc2056d1b220794a3b1672700a8e311be04549d0f2b2b2c3d463328290a11d0bae736da1cd4fb6294441c8711

5

Important - 8.png

{"type":"ref","objectId":"Global-Blobs","identifier":"bl-TGBvgnnS_y","name":"Important - 8.png","publicUrl":"https://codahosted.io/docs/1R0cPTNo8H/blobs/bl-TGBvgnnS_y/21153f3c189928cbdc9160aeb6d572828c1ca4dd0a1d5ffd05acb62ee5b24f1cd1b611fe3662058c736aed386e70dda99d9eb1c60bcb488432734d93ea8b8e2b96644a7eef8424248491000e5543477d8c328bb20620ab1bbd694360757365b8494d2b88"}

https://codahosted.io/docs/1R0cPTNo8H/blobs/bl-TGBvgnnS_y/21153f3c189928cbdc9160aeb6d572828c1ca4dd0a1d5ffd05acb62ee5b24f1cd1b611fe3662058c736aed386e70dda99d9eb1c60bcb488432734d93ea8b8e2b96644a7eef8424248491000e5543477d8c328bb20620ab1bbd694360757365b8494d2b88

There are no rows in this table

⁠

⁠

⁠

⁠

Practice: Get a Coda Icon into this document

⁠

Share

Want to print your doc?
This is not the way.

Try clicking the ⋯ next to your doc name or using a keyboard shortcut (

CtrlP

) instead.