Difference between revisions of "Direct Image Link"
(→How to Create a Direct Link) |
Lostinbali (talk | contribs) m (→How to Locate a Direct Link: Added instructions for Safari) |
||
(4 intermediate revisions by one other user not shown) | |||
Line 1: | Line 1: | ||
=Definition= | =Definition= | ||
The definition of a direct link to an image is a link that, when clicked, leads to a page with nothing on it but the image itself. | The definition of a direct link to an image is a link that, when clicked, leads to a page with nothing on it but the image itself. | ||
+ | A more complicated description is a image file that is uploaded to the web. | ||
+ | |||
=Example= | =Example= | ||
If you click on the following, you get a page that only has the image on it. | If you click on the following, you get a page that only has the image on it. | ||
http://img259.imageshack.us/img259/4337/artofproblemsolvinglogo.jpg | http://img259.imageshack.us/img259/4337/artofproblemsolvinglogo.jpg | ||
=How to Locate a Direct Link= | =How to Locate a Direct Link= | ||
− | If you are browsing the web, and see an image you want to know the direct link to, right mouse click and then: | + | If you are browsing the web, and see an image you want to know the direct link to, right mouse click(use Control click on Mac) and then: |
− | Firefox | + | Firefox<br /> |
− | Select "View Image Info". You get a little window. Find the "Location", and that's your direct link. | + | Select "View Image Info". You get a little window. Find the "Location", and that's your direct link.<br /> |
− | Chrome | + | Chrome<br /> |
Select "Inspect Element". You get a little frame at the bottom that says <br /> | Select "Inspect Element". You get a little frame at the bottom that says <br /> | ||
− | <img style="-webkit-user-select: none" src="http://img259.imageshack.us/img259/4337/artofproblemsolvinglogo.jpg">. Where it says "src="http://img259.imageshack.us/img259/4337/artofproblemsolvinglogo.jpg"", the link in there is the direct link. | + | <img style="-webkit-user-select: none" src="http://img259.imageshack.us/img259/4337/artofproblemsolvinglogo.jpg"><br /> |
− | Alternative: | + | . Where it says "src="http://img259.imageshack.us/img259/4337/artofproblemsolvinglogo.jpg"", the link in there is the direct link.<br /> |
− | Select "Copy Image URL" and you will have the direct link in your Paste. | + | |
+ | |||
+ | Alternative [Chrome] and Safari:<br /> | ||
+ | Select "Copy Image URL" and you will have the direct link in your Paste.<br /> | ||
+ | |||
=How to Create a Direct Link= | =How to Create a Direct Link= | ||
First, make sure your image is saved on your computer. Then go to one of these free sites to upload and get your direct link: | First, make sure your image is saved on your computer. Then go to one of these free sites to upload and get your direct link: | ||
Line 21: | Line 27: | ||
minus.com<br /> | minus.com<br /> | ||
localhostr.com<br /> | localhostr.com<br /> | ||
+ | =What Direct Image Link is Useful For= | ||
+ | You can embed images in web pages using direct image tags. To embed images in the AoPS forums, you must put bbCode [img][/img] tags around your direct link to embed it. | ||
+ | =What A Direct Image Link Is Not= | ||
+ | These are not direct image links, and won't work in [img] tags. | ||
+ | http://imageshack.us/photo/my-images/585/artofproblemsolvinglogo.jpg/ |
Latest revision as of 17:53, 11 December 2023
Contents
[hide]Definition
The definition of a direct link to an image is a link that, when clicked, leads to a page with nothing on it but the image itself. A more complicated description is a image file that is uploaded to the web.
Example
If you click on the following, you get a page that only has the image on it. http://img259.imageshack.us/img259/4337/artofproblemsolvinglogo.jpg
How to Locate a Direct Link
If you are browsing the web, and see an image you want to know the direct link to, right mouse click(use Control click on Mac) and then:
Firefox
Select "View Image Info". You get a little window. Find the "Location", and that's your direct link.
Chrome
Select "Inspect Element". You get a little frame at the bottom that says
<img style="-webkit-user-select: none" src="http://img259.imageshack.us/img259/4337/artofproblemsolvinglogo.jpg">
. Where it says "src="http://img259.imageshack.us/img259/4337/artofproblemsolvinglogo.jpg"", the link in there is the direct link.
Alternative [Chrome] and Safari:
Select "Copy Image URL" and you will have the direct link in your Paste.
How to Create a Direct Link
First, make sure your image is saved on your computer. Then go to one of these free sites to upload and get your direct link:
imageshack.us
(After you upload, go to the Link and then follow the instructions to find the Direct Link above. If you get an account, you will have direct access to the Direct Link.)
minus.com
localhostr.com
What Direct Image Link is Useful For
You can embed images in web pages using direct image tags. To embed images in the AoPS forums, you must put bbCode [img][/img] tags around your direct link to embed it.
What A Direct Image Link Is Not
These are not direct image links, and won't work in [img] tags. http://imageshack.us/photo/my-images/585/artofproblemsolvinglogo.jpg/