Как скрыть изображение с четким пикселем

Question

Когда я захожу в магазин за покупками Google (http://www.google.com/prdhp) и щелкаю правой кнопкой мыши по маленькому 4-цветному изображению тега и выбираю View Image (Firefox), я получаю его в строке URL, а изображения нет: http://www.google.com/prdhp/clear.cache.gif, это просто четкая точка 1x1.Как я могу реализовать подобную технику?Как бы это называется?

Answer 1

Существует несколько возможностей для решения этой проблемы, но все работают одинаково: поместите свое реальное изображение на страницу и добавьте другое изображение (которое на самом деле представляет собой прозрачный gif) над вашим реальным изображением. Вы можете решить это так:

<div style="background-image:url(realimage.png); width:400px; height:300px;">
    <img src="transparent.gif" alt="" style="width:400px; height:300px;" />
</div>

Это будет более надежный способ предотвращения кражи изображений, но вы также можете разместить реальное изображение в виде тега img на своем сайте и разместить прозрачный GIF-код как абсолютный тег img над реальным img .

Answer 2

Это элемент изображения с упомянутым вами gif, который имеет другое изображение в качестве фона, используя uri с закодированными данными изображения.background: url (data: image / png, base64, everything that follows here is a base64 encoded string with the image data), но, как вы можете видеть, это всего лишь хитрый трюк, который делает bupkiss

Что попадает в сетьостается в сети.

Декодирование строки base64 в двоичные данные можно выполнить, если вы знакомы либо с base64.decodestring(string) (для python), либо с PHP base64_decode($data) или .NET byte[] byteArr = Convert.FromBase64String(data).Сделайте ваш выбор.Есть также сайты, которые предлагают эту услугу бесплатно по какой-то странной причине.

Answer 3

Я думаю, что это можно сделать, загрузив пиксель 1x1 в тег <img>, а затем использовать Javascript для замены изображения.Другой метод может быть с CSS: загрузить изображение в качестве фона для некоторого контейнера, а затем заставить пиксель 1x1 <img> растянуть до размера элемента контейнера.