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

Images make web pages more readable and visually appealing. They can also convey essential or difficult information in a straightforward manner.

“A picture is worth a thousand words,” as the adage goes. Images are essential components of a good web page. But their significance extends beyond their surface meaning.

Images on many online pages can include intriguing and important info that is highly useful.

In this post, we’ll teach you how to obtain a URL of image. Also, how do you upload to your WordPress website?

Obtaining a WordPress Image URL – A Step-by-Step Guide

By default, WordPress generates a unique URL for each image that you automatically put on your website.

A WordPress image URL will typically include your domain name followed by /wp-content/uploads/. The date the photograph was uploaded, as well as the name of the image file.

For example, in January 2019, a picture titled ‘travelaccessories.png’ posted to example.com will have a URL similar to this:

www.example.com/wp-content/uploads/2019/01/travelaccessories.png

Let’s look at how to retrieve the URL of photos you’ve posted to your WordPress site.

To begin, log in to your WordPress admin area. And then select Media from the drop-down menu.

It will then launch your media library, where you keep all of your photos and other media assets.

Then, using the search tool, locate the image for which you wish to discover the link.

Image shows image glary

After clicking on the image, it will display the picture attachment information in a popup window. The picture information will be displayed in the right column.

And a glimpse of the image on the left.

All picture details are displayed in the right column, including file name, file type, upload date, size, and dimensions.

And picture metadata such as image alt text, title, caption, description, uploaded by, and so on.

In the end, you will also see the picture URL. It’s the link next to the ‘Copy Link’ button.

Image shows Copy Link button

Copy the URL and paste it wherever you like.

Suppose you enter the picture URL into your browser. Then you may see the full-size original version of the photograph that was submitted.

Obtaining WordPress Image URLs from the Frontend

The approach demonstrated above allows you to obtain the URL of any picture posted to WordPress. Whether or not it is published live.

Suppose you want to retrieve the URLs of photos that are already on your site. Then you may receive it directly from the site. It’s a lot simpler!

Locate the image on the page or post where it is published. Then, right-click on the image. And then click the ‘Open picture in new tab’ button.

Image shows WordPress post

Examine the URL in the address bar once the image has opened in a new tab. That is the URL to your WordPress image.

Image shows url of the image

You may now copy the picture URL and paste it wherever you like.

It’s rapid and straightforward!

How to Get GIF, Video, and PDF URLs in WordPress

Other media assets such as GIFs and movies, as previously indicated, in addition, documents such as PDFs are kept in the WordPress media library.

Following the same techniques as mentioned before, you can determine the URL of these files.

From your dashboard, navigate to Media » Library. Then, if you want to see the URL of a GIF, movie, or document, click on it.

The attachment information popup window will then display.

Image shows Copy link field

You can find the attachment URL next to the ‘Copy Link’ option on the right column.

Obtaining the URL for many images on the same page

Suppose you need to retrieve the URLs for several pictures on a single page. You may find them in the page source.

Right-click anywhere on the page that is not an image. Suppose you click on an image directly. You won’t be able to see the menu you wish to see.

Select the “View page source” option.

Image shows View page source

To search for picture extensions, use Ctrl+F. (i.e. jpg, png). You may now navigate the website and copy the picture URLs.

Image shows picture URLs

As seen in our example, the page source will have numerous copies of each picture. As already said. The size will not be appended to the end of the file name in the URL for the original picture.

Take a lookout for resized images.

In this post, we will discuss photos that have been uploaded to WordPress. And this can make things more difficult.

When you use the WordPress media uploader to add a picture, it is retained in its original dimensions. However, it also resizes and stores picture variants.

The total number of versions that will be produced. And how much is saved is determined by the size of the submitted file as well as the specifications of your theme.

As you can see in this example, WordPress duplicated one of the submitted photos four times. And five duplicates of a larger one.

Image shows file uploads

What is the purpose of WordPress resizing images?

When you visit a WordPress site and see a page or a post, the system determines the device utilized. Then it serves out what it believes is the correct image size.

That system is effective. It stops your website from, for example, delivering a big picture to a mobile device.

Another feature of WordPress is the ability to generate thumbnails of the original. It is beneficial for a variety of plugins and themes.

It displays a smaller version of the main image.

However, it might cause issues if you wish to right-click to retrieve the URL for your image. And you’re looking at a resized version of the picture.

How could that be?

The WordPress image resizing system labels the resized pictures, as seen in the example. Here’s how the URL is broken down:

  • Of course, it starts with your domain and the path to your blog or WordPress site: https://ggexample.com/wp-content/uploads/2019/08/Screenshot-2019-08-02-150×150.png.
  • Then the WordPress internal picture path: https://ggexample.com/wp-content/uploads/2019/08/Screenshot-2019-08-02-150150.png.
  • Following that, a year/month date path: https://ggexample.com/wp-content/uploads/2019/08/Screenshot-2019-08-02-150150.png.
  • Finally, here is the picture URL: https://ggexample.com/wp-content/uploads/2019/08/Screenshot-2019-08-02-150150.png
  • And because this example utilizes a scaled picture. WordPress has appended the image size in pixel dimensions to the end of the file name:

https://ggexample.com/wp-content/uploads/2019/08/Screenshot-2019-08-02-150×150.png

Edit the URL of Image

The pixel measurements attached to the end of the scaled picture URL are the only meaningful difference. However, as you can see, it is possible to copy a scaled image URL unintentionally.

To retrieve the address for the original picture, delete the image size from the end of the URL if you do so.

However, eliminating the image size from the end of the URL is a bit cumbersome. And it is prone to mistakes. So, first and foremost, it is dependent on you realizing.

You copied the URL of a scaled picture. Suppose you’re preoccupied or need to get something done fast. You could miss that minor detail.

And, of course, whenever you manually modify a URL. You introduce the chance of a mistake. As a result, it is not always the best approach to obtain an image URL.

CONCLUSION

The WordPress image URL is convenient for obtaining the original version of a picture that has been posted.

And to make it quicker and simpler to use on other online sites.

Visit the picture URL in a new browser window or tab to see the “raw” image. You may now re-download this picture to your local disc.

You can also embed the image in your social media channels by using the image URL. You must first ensure that the license you hold for the idea enables you to do so.

We hope this post helped teach you how to retrieve the URL of pictures you upload to WordPress.

Load More Related Articles
Load More By Susana Taylor
Load More In How to

Leave a Reply

Your email address will not be published. Required fields are marked *