El rincon del krilbert

¿Se te acaba el ancho de banda de tu web rapidamente y no sabes porque? Un motivo podria ser que alguien este haciendo hotlinking a tus imagenes, weno... si no sabes lo que es hotlink de imagenes no te preocupes en este post trataré de explicarlo con un ejemplo, daré una solución utilizando el modulo mod_rewrite de Apache y daré una recomendación de como te puedes ahorrar un poco de ancho de banda en tu web

¿Qué es el hotlink de imagenes?

El hotlink de imagenes es cuando se muestra una imagen que esta en otro servidor en tu propia página web. Pongamos un ejemplo poniendome como el malo de la película y a kaioken (webmaster de la comunidad) como el afectado:

Quiero hacer una web de anime asi que pago por mi hosting y mi nombre de dominio, pero el hosting me dice que solo tengo 1GB de ancho de banda al mes. ¿Qué hago? pues hago mi página y pongo una sección con descripciones de muchisimos animes diferentes y como se que en mcanime.net hay muchisimas imagenes casi de cualquier anime, empiezo a "robarme" las imagenes, es decir, en lugar de subir las imagenes a mi servidor y poner

<img src="imagenes/blood.jpg" />

pongo la imagen que esta en el servidor de mcanime y no en el mio

<img src="http://mcanime.net/series/blood.jpg" />

¿Yo que gano con esto? ahh pues cada vez que alguien entre a mi pagina le voy a enviar mi página al visitante sin el peso de las imagenes ya que las imagenes se van a transferir desde el servidor de mcanime.

Esta imagen esta alojada en mi servidor


Este es un ejemplo de hotlink a una imagen de mcanime.net

Si le dan click derecho en la imagen y en copiar la ruta del enlace o en ver las propiedades de la imagen pueden ver donde esta alojada la imagen

Mi página web se empieza a hacer muy popular en la red y al primer mes empiezo a tener uhmm... no se... 5000 visitas unicas diarias.

¿Cuando ancho de banda me estoy ahorrando? la imagen que puse arriba pesa 4.12KB, si 5000 personas visitan mi web ya me estoy ahorrando como 20MB, ¿no parece tanto verdad? pero... ¿si la imagen fuera de 100kb? ya estamos hablando de 490MB aprox Y POR UNA SOLA IMAGEN!

Yo estoy feliz de la vida! pero kaioken se va a poner como perro rabioso del enojo que alguien se esta acabando el ancho de banda que él esta pagando.

Ahora si, vamos a ver como podría kaioken solucionar esto con unas simples reglas del mod_rewrite


Como evitar el hotlink a nuestras imagenes con mod_rewrite de Apache

Para esto tenemos que tener activado el modulo mod_rewrite en nuestro servidor y vamos a editar (o crear si no existe) el archivo .htaccess

El archivo .htaccess siempre debe ir en la raiz de nuestro sitio

y ponemos esto:

Code:

Recuerden que por el sistema de blogs se esta abreviando el URL pero ahi tienen que poner la dirección de la imagen que quieren mostrar

Aqui lo unico que tenemos que modificar es donde dice MIDOMINIO vamos a poner pues... nuestro dominio hehe.
En MIAMIGO vamos a poner el dominio de alguien a quien si le vamos a permitir hacer hotlink a nuestras imagenes.

Vamos a considerar que google es nuestro amigo, a el si le permitiremos que muestre nuestras imagenes para que nos traiga mas visitantes hehehe. Es por eso que la siguiente linea pongo el dominio de google.

Y en la ultima linea estamos especificando que imagen les va a mostrar cuando alguien quiera "robarnos" esa imagen. Entonces:
http://www.MIDOMINIO.COM/nohotlinking.jpe puede ser una imagen hecha por ti (si te fijas esta en tu dominio) donde digas, "esta imagen es propiedad de MIDOMINIO y no permito el hotlinking" o algo asi hehehe

Si te fijas la extensión de esa imagen es jpe ya que en la primer linea especificamos que extensiones de imagenes no vamos a dejar que se muestren en otros servidores, si hubieramos puesto un jpg tampoco se hubiera mostrado hehehe

¿Yo que puedo hacer para ahorrarme ancho de banda?

Actualmente existen servicios web que te permiten subir imagenes a sus servidores para que evites hacer hotlinking, un claro ejemplo de esto es imageshack.us

En nuestro ejemplo lo que yo pude haber hecho para no afectar a mcanime hubiera sido descargar las imagenes que quiero y subir cada una a imageshack para usar esos links. El inconveniente es que, logicamente, las imagenes no estan en mi servidor y se puede dar el caso que imageshack me borre mi imagen y pues... ya no apareceria en mi web.


Espero que les haya gustado la explicación y pues... espero sus comentarios! ¿o que? ¿si estoy explicando bien las cosas?