Load WordPress Sites in as fast as 37ms!

How to Get URL of the Images You Upload in WordPress?

0
How to Get URL of the Images You Upload in WordPress?

Do you want to find the URL of the images that you have uploaded on your WordPress website? Sometimes you may need to get the link of images to display them on other areas of your website or on social media platforms.

In this article, we will discuss a short tutorial – how to get the URL of the images that you upload on the WordPress website.

We will cover 2 different ways:

  • From WordPress Media Library
  • From the frontend of your website
  • Through Inspect Element of Browser

At the end of the blog, we will be able to find out the URL of any images that are present on your WordPress website.

Let’s get started and find out the image URL on WordPress:

Get Image URL from WordPress Media Library:

By default, a unique URL for all the images you have uploaded to the website using the WordPress media uploader.

A WordPress URL usually include the domain name of your website followed by wp-content/upload/, the date you have uploaded the image and image name.

Like for example, we have uploaded an image name Zigcy.png in March 2019. The URL of the image will be like this:

https://mlk6tbiqxfb0.i.optimole.com/w:auto/h:auto/q:auto/https://wpallclub.com/wp-content/uploads/2019/03/zigcy.png.

Now let’s take a look at how to get the URL of the images that you have uploaded on the website step-wise:

Step 1:

Log in to your site’s dashboard and go to Media > Library.

WordPress Media Library

Step 2:

Once all the images available on the Media Library is loaded, search for the image that you want to get the link of.

Image Search

Step 3:

Now click on the image that you have search.

The detail of the image will appear on the popup. On the left column, you will see the preview of the image. While on the right, you will see the details of the images. The details include: file name, file type, upload date, file size, image dimension and image metadata (alt text, title, caption, description, image uploaded by, etc).

Copy Image URL

You will see also see the image URL at the end labelled as “Copy Link”.

Step 4:

Copy the link and use it anywhere you like. If you open the image URL on the browser, then you will see the full-size original version of the images.

Full Screen Image

These steps can be followed to find the URL of videos, documents, or other attachments that you have uploaded on your WordPress website.

Finding Image URL from Frontend

The method shown above lets you find the URL of all the images that you have uploaded on WordPress, whether they are published or not.

If you want to get the image URL from the already published content, then you can get it from the frontend itself.

Open the page/post where the image is located.

Open in New Tab

Right click the image and select “Open image in new tab”.

Once the image opens on the new tab, look at the image URL in the address bar of your browser.

Full Screen Image

That’s your Image URL.

Finding Image URL from Inspect Element

Many websites disable the image URL on the content and won’t let you open the image like on the above method.

If you are using such site then, you can fetch the URL of the image using the inspect element option available on the browser.

Go to the page/post of your website where the image is located.

Inspect Element

Press right click on the mouse and select “Inspect” or press “CTRL + Shift + I” or “F12”.

You will see the innards of that site: source code, images, and CSS that form its design, font and icons.

Select Element in Page to Inspect

Click on the “Select an element and inspect it option” or press “CTRL + Shift + C”.

Then, select the image that you want to get the link of.

You will land to the code line where the URL of image is located.

Image URL

That’s the Image URL you are looking for.

We hope the article is helpful to find out the URL of the images you have uploaded on WordPress website.

LEAVE A REPLY

Please enter your comment!
Please enter your name here

This site uses Akismet to reduce spam. Learn how your comment data is processed.