Baratijas Blog

Creo que a todos nos ha pasado, algunas personas suelen robar nuestro precioso ancho de banda ya sea deliberadamente o por completa ignorancia. No es el objetivo de este post hacer juicios de moral o educar a estas personas, solo recuerden no copiar las imágenes tal cual, descarguenlas a su computadora y subanlas a su propio servidor o a uno de los tantos servicios gratuitos que existen para alojar imágenes.

Bien, entremos en materia. Este tutorial es una traducción y adaptación libre de un fragmento del original por Tom Sherman, así que todo el crédito es para él. Comencemos.

Con este tutorial conseguiremos lo siguiente:

1.- Por defecto, ninguna imagen podrá usarse fuera del dominio de tu sitio web. Evitando asi el robo de ancho de banda y nuestra transferencia mensual.
2.- Aquellos que enlacen directamente a una imagen son redireccionados a una pagina descriptiva.
3.- Google y los sitios que tu determines podrán seguir accediendo a las imágenes.

La idea es redirigir las peticiones HTTP de las imágenes “robadas” a una pagina web descriptiva de lo que esta pasando. Desde luego, si desvías una petición de una imagen JPG a un archivo HTML, el usuario que esta intentando cargar la imagen a través de una etiqueta IMG lo único que va a obtener es nada en safari, firefox y opera; y una bonita X Roja en IE. Ya que tenemos un serio desajuste en el tipo de contenido. (Este es el comportamiento de los sitios que prohíben el hotlinking.)

Otra forma de hotlinking es cuando alguien pone contenido de tu sitio sin ningun tipo de contexto, es decir, no menciona tu sitio ni dice el porque esta ahí la imagen. De esta manera otro sitio puede robar tu ancho de banda.

Por lo tanto, todas las peticiones de imágenes que no se originan en tu sitio son redirigidas a un “contenedor”, una simple pagina web con un link al sitio original, explicando que la imagen esta en tu servidor y de paso se ve mejor que la imagen por si sola. He aquí un ejemplo:

• La imagen
• La imagen en el contenedor, tal como la vería el usuario

He aquí como hacerlo. Primero, determinamos si las peticiones hechas son de una imagen robada:
Agrega el siguiente código a tu archivo .htaccess.

RewriteCond %{REQUEST_FILENAME} \.(gif|jpe?g|png)$ [NC]
RewriteCond %{HTTP_REFERER} !^$
RewriteCond %{HTTP_REFERER} !baratijas.awardspace\.com [NC]
RewriteCond %{HTTP_REFERER} !bloglines\.com [NC]
RewriteCond %{HTTP_REFERER} !google\. [NC]
RewriteCond %{HTTP_REFERER} !search\?q=cache [NC]
RewriteRule (.*) /view_image.shtml?/$1 [R,NC,L]

Si usas wordpress quedaría así:

# BEGIN WordPress

RewriteEngine On
RewriteBase /
RewriteCond %{REQUEST_FILENAME} !-f
RewriteCond %{REQUEST_FILENAME} !-d
RewriteRule . /index.php [L]

RewriteCond %{REQUEST_FILENAME} \.(gif|jpe?g|png)$ [NC]
RewriteCond %{HTTP_REFERER} !^$
RewriteCond %{HTTP_REFERER} !baratijas.awardspace\.com [NC]
RewriteCond %{HTTP_REFERER} !bloglines\.com [NC]
RewriteCond %{HTTP_REFERER} !google\. [NC]
RewriteCond %{HTTP_REFERER} !search\?q=cache [NC]
RewriteRule (.*) /view_image.shtml?/$1 [R,NC,L]
# END WordPress

Sustituye ‘baratijas.awardspace\.com’ por la dirección de tu sitio, pero recuerda dejar el ‘.\’ o no funcionara.

La linea que dice ‘RewriteRule (.*) /view_image.shtml?/$1 [R,NC,L]‘ es la que hace que se redirrecione la petición a una pagina SHTML. Notese que el valor de REQUEST_URI se pasa como un parametro en la URL en el archivo view_image.shtml. En el archivo, se usa una directiva SSI simple para mostrar la imagen. Puedes consultar el código que usamos en el blog para tener una referencia.

Y listo! Ahora cuando alguien enlace a tus imágenes, no obtendrán nada mas que información de tu sitio, después de todo tu eres quien paga el servicio.

Enlace articulo original por Tom Sherman