• Register
97,230 points
11 6 5

What is a picture on the Internet? How to get image url from file? Simple and convenient bookmarklet IMGs for displaying a list of images and their URLs on the current web page.

What is a picture?

First, let's define the terminology. A URL is a single pointer to the location of a resource and its files on the Internet, and a picture is a file that stores an image in one of the graphic formats. Thus, the URL of a picture is an indicator of the location of a graphic file on the Internet on a particular resource.

Most of the information on the Internet is in HTML format. HTML is a standard markup language for documents that are interpreted by browsers and displayed in a human-readable form.

To insert a picture in a document using HTML-tag IMG , indicating the URL of an image attribute src (from the English. -Source - source) .I will give only an example of the HTML code to insert a picture:

<img src = "http://2.bp.blogspot.com/-G_BQbLpOKtM/VL0FG0zSmkI/AAAAAAAAw-g/g3JZMK0yGCA/w620/1%2B%D0%BA%D1%80%D0%B0%D1%81% D0% B8% D0% B2% D1% 8B% D0% B5% 2B% D1% 84% D0% BE% D1% 82% D0% BE.jpg "alt =" beautiful photo ">

Please note that in addition to the attribute src, there is also an attribute  altcontaining alternative text that describes the content of the image and is displayed when the browser cannot display the image.

How do I find the URL of a picture?

To find the URL of a picture in an HTML document, follow these steps:

  1. Move the cursor over the picture and click the right mouse button.
  2. In the context menu click the " Copy image URL " (it can be called in a different way, but the essence remains the same) .
  3. The image URL is now in your computer's memory. To insert it into the text field, use the key combination the Ctrl + the V .

You can also use the context menu item " Open picture in a new tab " and see the URL in the address bar of the browser.

More advanced users can view the source code of the HTML document. To do this, use the Ctrl + U key combination or the " View element code " context menu item .

Bookmarklet IMGs - URL of images on a web page

A much more convenient way to find out the URL of a picture is to use a simple bookmarklet that I call IMGs . A bookmarklet is a JavaScript bookmark in your browser, and IMGs is a bookmarklet that displays a list of images in an HTML document with their URLs in a pop-up window.

To install the IMGs bookmarklet follow these steps:

  1. Display the bookmarks bar in the browser. In Google Chrome, you can use the keyboard shortcut Ctrl + Shif + B for this . In other browsers use the menu.
  2. Move the following link to the bookmarks bar – IMGS . Just move the cursor over it, press the left button and, while holding it, drag the link to the bookmarks bar.
  3. Now go to any web page and click on the IMGs bookmark. In the window that opens, you will see a list consisting of thumbnails present on the web page, images and fields with their URL addresses, which can be copied and used as you need.

Bookmarklet gIMGs - Image URL in Google SERP

Unlike the classic version, here it was necessary to deal with the URL addresses of the links of each search result, which contains the URL of the image and its source. That is why there are already two fields in the pop-up window, and the thumbnail itself is clickable.

To install the gIMGs bookmarklet follow these steps:

  1. Display the bookmarks bar in the browser. In Google Chrome, you can use the keyboard shortcut Ctrl + Shif + B for this . In other browsers use the menu.
  2. Move the following link to the bookmarks bar - gIMS , Just hover over it, press the left button and hold it down, drag the link to the bookmarks bar.
  3. Now do a google image search and click the gIMGs bookmark. In the window that opens, you will see a list consisting of thumbnails with a link to the sources of the field with URL addresses of images and their sources.

That's all for me. Thanks for attention. Good luck!

97,230 points
11 6 5