Gallery
Image
Share
Explore

icon picker
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.svg
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.
black-tie.svg
Style

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

Should it be a circle or automatically determined?
outline.svg
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.
Group 1818.png

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






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.