Hot answers tagged

36 votes
Accepted

HTTPS connection is "not safe" due to images

Your image tags must currently look like: <img src="http://example.com/images/image.jpg"> That http in there means that the image is NOT served securely. An attacker could change the image ...
Stephen Ostermiller's user avatar
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,418
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
  • 716
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
  • 3,993
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
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
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,355
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,215
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

Is it OK to use same text for title and alt text for an image?

It is valid but highly not recommended, usually there is a structure you should follow to get the most of the SEO juice avaiable and it is : For the alternative text you want to show info for the ...
knif3r's user avatar
  • 1,067
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
  • 32.9k
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,650
7 votes

Can we serve our sites images with an ad server and not have the images blocked by ad blockers?

The intelligence of the blocker is down to whatever extension or software the user is using. Some will simply block adsense, while others may be configured to read a white list, or black list ...
Simon Hayter's user avatar
  • 32.9k
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

HTTPS connection is "not safe" due to images

The issue is that your page is serving links from a http location as opposed to https. This is due to using absolute http links to reference resources such as images. There are two better methods ...
garth's user avatar
  • 1,079
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

For SEO of the company name, should we use a logo with alt text or a company name div replaced in CSS with an image?

The logo is content, not presentation. So it should be included in the HTML, not in the CSS. Therefore using the img element is the appropriate choice. However, you should not use the alt value "Logo"...
unor's user avatar
  • 21.7k
5 votes

Is it OK to use same text for title and alt text for an image?

Since tons of people are using internet on mobile devices, I suggest not paying too much attention to the title value in the image tag. On a desktop computer, that value is what people see on screen ...
Mike -- No longer here's user avatar
5 votes
Accepted

Rewriting image URLs in nginx from a shortened URL to a specific directory

To direct the URL domain.tld/image/filename to the local path /imageshare/images/extension/filename, use the alias directive (see this for details): location /image/ { alias /path/to/imageshare/...
Richard Smith's user avatar
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

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