Difference between revisions of "Common:Adding Images to Templates"
imported>Aeric (Created page with "<noinclude>__NOINDEX__</noinclude> In HTML, an image is referenced using a tag that has the form: <tt><nowiki><image src"..."></nowiki></tt>, where the <tt>src</tt> attribute con...") |
imported>Aeric |
||
| Line 1: | Line 1: | ||
<noinclude>__NOINDEX__</noinclude> | <noinclude>__NOINDEX__</noinclude> | ||
In HTML, an image is referenced using a tag that has the form: <tt><nowiki><image src"..."></nowiki></tt>, where the <tt>src</tt> attribute contains an absolute or relative path to the image. That path can be a file path like <tt>../images/local_image_file.jpg</tt> or it can be a URL of the form <tt><nowiki>http://...</nowiki></tt>. | In HTML, an image is referenced using a tag that has the form: <tt><nowiki><image src="..."></nowiki></tt>, where the <tt>src</tt> attribute contains an absolute or relative path to the image. That path can be a file path like <tt>../images/local_image_file.jpg</tt> or it can be a URL of the form <tt><nowiki>http://...</nowiki></tt>. | ||
When the email arrives in a recipient's inbox, file paths are obviously of little value. (They would only work if recipient happened to have all of the right images at the right locations on their local system. Small chance!) So | When the email arrives in a recipient's inbox, file paths are obviously of little value. (They would only work if recipient happened to have all of the right images at the right locations on their local system. Small chance!) So HTTP URLs are used to access the images. | ||
To get an image URL: | |||
:* First upload the image to the platform as [[Public Document]]s.<br>(URLs become available when files) are made public. | |||
:* Then click the tilted "figure-8" icon on that page [[File:CopyShortURL.png]].<br>A dialog appears that has the URL selected. | |||
:* Copy the URL.<br>For example, by pressing Ctrl+c. | |||
You can then insert the URLs into an <tt><nowiki><image src="..."></nowiki></tt> tag. | |||
The resulting tag as the form <tt><image src="{{platformURL}}/..."></tt>. The link then works in the recipient's email, because the image is publicly available. | The resulting tag as the form <tt><image src="{{platformURL}}/..."></tt>. The link then works in the recipient's email, because the image is publicly available. | ||
Revision as of 00:04, 12 December 2012
In HTML, an image is referenced using a tag that has the form: <image src="...">, where the src attribute contains an absolute or relative path to the image. That path can be a file path like ../images/local_image_file.jpg or it can be a URL of the form http://....
When the email arrives in a recipient's inbox, file paths are obviously of little value. (They would only work if recipient happened to have all of the right images at the right locations on their local system. Small chance!) So HTTP URLs are used to access the images.
To get an image URL:
- First upload the image to the platform as Public Documents.
(URLs become available when files) are made public. - Then click the tilted "figure-8" icon on that page File:CopyShortURL.png.
A dialog appears that has the URL selected. - Copy the URL.
For example, by pressing Ctrl+c.
- First upload the image to the platform as Public Documents.
You can then insert the URLs into an <image src="..."> tag.
The resulting tag as the form <image src="https://{yourDomain}/networking/...">. The link then works in the recipient's email, because the image is publicly available.