How to drag an image from a web page onto your Mac

Press on an image in a web page, drag it to the Desktop or a Finder window, and let go: your browser saves the picture there as a file, named after the image’s web address. Drop it on an app instead, such as a document or a chat, and the image goes in directly. When you get a link, a low-resolution copy or no drag at all, the page itself is usually the reason, and there is almost always another way to get the image.

What you get when you drop an image

Where you release decides what you end up with.

• The Desktop or a Finder window gets an image file. The name comes from the web address, so expect something like hero-1600x900.webp or a string of letters and numbers. Rename it straight away, while you still remember what it is.
• A document, a note or an email usually gets the image inserted where you drop it.
• A chat app typically uploads it as an image in the conversation.
• A field that only takes text may get the image’s address instead, because that is the only form it can accept.

The file format is whatever the site served. Many sites now use WebP, which macOS opens and previews like any other image. If an app you need refuses it, open the file in Preview, choose File > Export, and pick JPEG or PNG. The original stays as it was.

When you get a link instead of an image

Sometimes the Desktop receives a .webloc file rather than a picture. That means the drag carried a link, not the image. The usual cause is a thumbnail that links to a larger version or to another page: the page offers the link for the drag, and the link is what lands.

Click through to the page or the larger version first, then drag the image you see there. If you did want the link, keep the webloc; double-clicking it opens the page. Getting a webloc link out of a dragged file explains what those files are and when they are useful.

When the image will not drag at all

Some images simply do not drag, and the page is why.

• Background images. A picture drawn as the background of a section is not an image element, so there is nothing to pick up. Pressing on it selects text or does nothing.
• Overlays. Many galleries lay an invisible layer over the picture to catch clicks and swipes. You end up dragging the layer, which has no image in it.
• Dragging switched off. A page can tell the browser that its images should not be draggable.

Try these in order:

1. Right-click the image. If you see Save Image As or Copy Image, the browser can still reach it. Save it, or copy it and paste it into the destination.
2. Choose Open Image in New Tab if it is offered. The image appears on its own in a tab, with nothing covering it, and drags normally from there.
3. If none of that appears, press Shift-Command-4 and drag across the image to take a screenshot of it. You get what is on screen at screen resolution, which is often enough for reference.

Why the saved image is smaller than expected

Pages often load a version of each image sized for your window rather than the largest one the site has. A drag saves the version the page loaded, so a picture that looked sharp in the layout can turn out to be modest in size once it is a file.

If you need more detail, look for a link to the full-size image, a download button on the page, or open the image in its own tab, which sometimes loads a larger file. Press Command-I on the saved file in Finder, or open it in Preview and choose Tools > Show Inspector, to see its dimensions before you use it somewhere that matters.

A note on use: an image on a public page still belongs to whoever made it. Saving one for reference, a mood board or a message to a colleague is one thing; republishing it is another, and that needs permission.

Collecting images from several tabs at once

Gathering reference images is rarely one picture. It is five images from five tabs for a brief, a mood board or a message to a designer. Dragging each one to the Desktop leaves a row of files with web-address names, and then you have to move them all again. Sending an image to a design app quickly on a Mac covers the single-image version of this.

Ledge gives you a shelf at the top of the screen for the whole set. Drag each image up to the notch at the top of a MacBook screen and let go; it lands on the shelf and stays there while you keep browsing. Links work the same way, so the page you want to credit can sit next to the images from it. When you have everything, open the shelf with Option-Space or a click on the notch and drag the set to wherever it is going. On a Mac without a notch, the shelf sits at the top center of the screen.

Each destination receives the form it can use. A Finder folder gets the files, a chat app uploads them, and a link becomes a webloc. Ledge itself sends nothing over the network, has no account and no cloud step, and your files never leave the Mac unless you drop them into something that uploads.

Questions

Why does my dragged image have a strange name?

The browser uses the last part of the image’s web address, and sites often name files with codes or sizes. Select the file in Finder and press Return to rename it.

How do I turn a WebP image into a JPEG?

Open it in Preview, choose File > Export, set Format to JPEG and save. You end up with both files.

Can I drag several images from a page at once?

Not as separate image files in one movement; browsers hand over one image per drag. Collect them one by one into a folder or onto a shelf, then move them together.