Hot answers tagged

10

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 you are indicating in the question I assume this could scale to a large number of images. In this case I would use a single 1px x 1px transparent image from the ...


5

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 to them directly, but the increase will be mitigated by gzip; the only difference in the page's size will come from the difference in length between one data ...


3

When you search for site:www.example.com images on Google, you're looking for pages on www.example.com that contain the word images. Try searching for site:www.example.com on Google Image Search. I've seen 16x16 pixel icons on Google Image Search, so your image size shouldn't be a problem.


3

tl;dr I think your images are indexed OK, but you are simply not able to see all the images that Google has indexed. i did search in google image search and counted the number of images. it was around only 500. Curious, I see considerably more when performing a site: search for your real site on Google Image search. But there are more than 500 images ...


2

At this moment I found two options, to solve this problem: The initial src of all images to be a data base 64 blank image This option not only requires a modern browser, but it can be slower on the client side since the browser must base-64 decode the image data in order to produce the image. The initial src of all images to be an url of a blank ...


1

"Is there anything like it will index only from particular path?" It sounds like you want a "canonical URL" for each image. That's smart; it may help "improve link and ranking signals for content available through multiple URL structures or via syndication" (to quote the source below). Google has an article on this: Use canonical URLs A search for "magento ...


1

How about only ~3 extra bytes, 0 extra http requests, and 0 extra img src length (or 0 uncached data-image placeholders). Can you use a blank src for image? <img src data-src="banannanannas.jpg" /> And if they have alt tags you can hide those from error/fail image: <img src data-src="banannanannas.jpg" onerror="this.alt=''" alt="some desc" /> ...


1

The image, because maintainability. In my experience it works better to use the image. This is more obvious in the actual code and easier to remember. I doubt you'll remember the encoded string for a transparant image, and even if you do, your succesors/collegaes. If you come back to this code after a few weeks, you've forgotted the base64. It'll be a lot ...


1

Similarweb (and many sites like it) take periodic screen shots of sites. They cache the screenshot for some time before updating it again. That time period may be weeks or months. Here is what it has cached for todaysdate.com. The current date is big enough on that home page that you can tell when the screenshot was taken. The screenshot was taken on ...



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