Skip to main content
OverflowAI is here! AI power for your Stack Overflow for Teams knowledge community. Learn more
31 votes

How to prevent pictures from being downloaded by right-clicking on them or Inspecting the web page?

You can't prevent it, you can only stop people who don't understand coding. Generally it is done with Javascript which is easy to disable. Further, it is a trivial matter to take a screenshot of an ...
Steve's user avatar
  • 8,468
25 votes

How to prevent pictures from being downloaded by right-clicking on them or Inspecting the web page?

By definition, if a visitor can view an image, it has already been downloaded. That's how a web page works. You can however use a variety of tactics to make it more difficult to do so. As you've ...
Daze's user avatar
  • 436
20 votes
Accepted

Why do oversized images appear better than images that are the correct size on the web?

It's most likely due to viewing images on retina and high density screens. Before the introduction of Retina-class displays, the average screen density was far lower. Web-based images included enough ...
Pete's user avatar
  • 766
19 votes

How to change which image from website is shown in Google search result?

You can indicate to Google which image you'd like used for your property using Schema.org markup. Here's a quick company website example: <script type="application/ld+json"> {"@context" : "http:...
L Martin's user avatar
  • 4,003
17 votes

Should company name in logo be an image or text?

As the text is part of the logo, I would keep it in the image (saves on trying to match any non-standard fonts and having to position it exactly like it is in the logo) - you can always put it in the ...
Pete's user avatar
  • 384
13 votes

Why do oversized images appear better than images that are the correct size on the web?

(This a basically the same as Pete's answer, just written from a different angle.) Because CSS "pixels" aren't really pixels anymore (and haven't been for quite a while). So what is a pixel,...
Ilmari Karonen's user avatar
12 votes

How do I tell blogger which image is the thumbnail to use in data:post.thumbnailUrl?

In fact, you can, but in a little hack way. As blogger considers the first image in a post as a thumbnail, and you want to add some other image as a thumbnail which should be not included in a post ...
SreYash's user avatar
  • 121
12 votes

Why do some web pages bake images into their HTML?

There is a similar question on Stack Overflow. What you are seeing is referred to as a data URI scheme but some just call it a base64 encoded image. The main benefit can be page speed but there are ...
Analog's user avatar
  • 2,375
11 votes
Accepted

Blank image. What to use: Base64 vs 1x1 JPEG image

The base64 image option should be used where you would only have a very small number of images and you want to eliminate the network overhead of fetching a picture from the server. However from what ...
Chris Rutherfurd's user avatar
10 votes

Can I take images directly from Google for my affiliate site?

No, unless you do a search with the correct license. When you do an image search, there is an option to select the license. Go to Images. Enter a search term. You should see a Tools button toward ...
Alexis Wilke's user avatar
  • 2,235
10 votes

How to prevent pictures from being downloaded by right-clicking on them or Inspecting the web page?

One more trick to make it a little harder, which also works with Javascript disabled. Use CSS to position a transparent element over the image, so that right clicking it does not show the image-...
Mark's user avatar
  • 101
9 votes

Should <meta property="og:image" content="..."> have an alt tag?

No, you do not need an alt attribute on that meta tag. In fact, it is not even allowed as others have already said. However, (today) Open Graph specifies and even suggests to provide the image alt ...
codener's user avatar
  • 191
9 votes
Accepted

Should company name in logo be an image or text?

Google likes company alt attribute Both Google and Bing understand that a logo will often be repeated throughout in PNG, GIF and JPEG. Simply markup the logo using the alt description to inform ...
Simon Hayter's user avatar
8 votes
Accepted

Does using an img title attribute in addition to the alt attribute help image SEO?

There is no use of title for image in terms of SEO. It is only used for providing extra information for that image element. You can increase the SEO by adding ALT tag to your Images.
YoYo Hai's user avatar
  • 154
8 votes

Why do oversized images appear better than images that are the correct size on the web?

In addition to @Pete's excellent answer, it's also possible the images you are using are overcompressed. When you scale down a large image it has more information to work with and so it can appear ...
davidgo's user avatar
  • 7,959
7 votes
Accepted

How to change which image from website is shown in Google search result?

The issue you've cited is because Google is unable to determine which is your main image and that is why, it randomly pics an image on that page to show on the SERP result. It is also dependent on ...
Bhargav Joshi's user avatar
7 votes
Accepted

Does Facebook Need both og:image and og:image:secure_url for HTTPS only site?

As I understand it, if your site is 100% SSL (and everything redirects to HTTPS, so there is essentially no plain HTTP) then you only need the og:image tag in which you specify the https://... URL. ...
DocRoot's user avatar
  • 4,297
7 votes
Accepted

How do you determine a good set of breakpoints for srcset image sizes

The size of an image is proportional to square of the width. You get far more saving by reducing from the largest size to the second largest size than by reducing anywhere further. 13002 = 1,690,000 ...
Stephen Ostermiller's user avatar
6 votes

Do I need an XML sitemap for just a few images and videos?

As others have stated, a sitemap isn't necessary for such a small amount of content. If you really want to have one, then including everything on one sitemap is okay. Can you combine an XML Sitemap ...
Warren Halderman's user avatar
6 votes
Accepted

How do you avoid cumulative layout shift with responsively sized images?

I think the key part you are missing is height: auto; in the CSS. Earlier this year, all the major browsers made a change whereby they take the width and height defined in the HTML img tag as the ...
DisgruntledGoat's user avatar
6 votes
Accepted

Use A.jpg if you have it in cache, otherwise use B.jpg?

TL;DR answer: I don't think that exists in the way you mentioned similar to webp and, if it's possible, it would be with messy/unsupported workarounds. It may even trigger some ad blockers / antivirus....
Trich's user avatar
  • 601
5 votes

Blank image. What to use: Base64 vs 1x1 JPEG image

Definitely go with the data URI, unless you need support for IE < 8. (Browser support.) Embedding lots of tiny images directly in the HTML may look like it will take up more bandwidth than linking ...
user2428118's user avatar
5 votes
Accepted

NewsArticle not validing: "The attribute image.width has an invalid value."

See Google documentation: https://developers.google.com/search/docs/data-types/articles Images should be at least 696 pixels wide. So this one works for me: <script type="application/ld+json"&...
Milo Tischler's user avatar
5 votes
Accepted

Does Google use canonical urls for images

Short answer NO. The purpose of the canonical tag is duplicated content, not media. Google's John Mueller talks about image canonical in this office hours hangout video from Aug 12, 2016. (56:24) ...
John Could's user avatar
5 votes

How to change which image from website is shown in Google search result?

As a Google Top Contributor on the Webmaster Central Help Forum I've seen a lot of questions and use-cases. This specific question about the thumbnail relates to other questions where Google can ...
p3sn's user avatar
  • 284
5 votes

Does html5 picture tag affect SEO?

It won't have a positive effect on your SEO. For search engines, as for screen readers, the alt tag and the on-page caption are the big factors. The <picture> tag is more of a developer ...
Henry Visotski's user avatar
5 votes

Can I take images directly from Google for my affiliate site?

Definitely not. There are a number of websites that do offer free images that can be used for commercial purposes. CC Search will allow you to search a number of online venues for suitable images ...
Bronwyn V's user avatar
  • 3,423
5 votes

Is placing an image over H1 text an SEO issue?

The <img> tag is classified by the living standard as Flow content, and <h1> </h1> accepts flow content. It is fine to use the image tag inside any heading tag. In terms of SEO it ...
Raul Reyes's user avatar
  • 2,476
5 votes

Do unique images help on-page SEO?

Images are very important in SEO. They are not as useful as content but they must be part of an SEO strategy. You can get traffic from images searches. Check this site which offers "Free Photos ...
Emirodgar's user avatar
  • 3,817
5 votes

Is setting the width and height of an SVG important for indexing?

While SVG's can be a purpose of their own, websites, accessibility readers and much of what you need to account for with SEO, is based on the standard IMG schema. Because of this, it's best practice ...
Electron's user avatar
  • 314

Only top scored, non community-wiki answers of a minimum length are eligible