Entradas

Mostrando las entradas etiquetadas como fotos

Protege tus fotos propias con imágenes sobrepuestas

Imagen
En internet hay 03 tipos de usuarios, los novatos, los intermedios y los expertos, para estos últimos que tienen altos conocimientos, será imposible intentar bloquear una imagen, sin embargo para los otros dos primeros y que son la mayoría si es viable. Un truco poco difundido es usar imágenes transparentes, normalmente gif o png que se colocan encima (sobreponer) de la imagen que se desea proteger. El usuario al dar clic derecho no podrá grabar la imagen protegida, sólo tendrá acceso a grabar la imagen transparente que se encuentra encima. Las imágenes transparentes la podemos crear en cualquier tamaño, se pueden estirar sin problema porque no tienen información visual y con cualquier programa gratuito se pueden realizar. Veamos el ejemplo, protegeremos la imagen que se ve: Aún poniendo la foto en una plataforma gratuita como blogger es posible proteger las fotos, ahora veamos el código: <img alt="foto escondida" height="384" src="

Superponer una imagen sobre otra con CSS

Imagen
El otro día me encontré con la necesidad de superponer una imagen sobre otra, mi aplicación debía mostrar una imagen y luego encima colocarle un marco quedando superpuesto. Claro está que la imagen superpuesta como un marco debe ser trasparente en su interior para poder mostrar la imagen que va debajo. Hay dos maneras de hacerlo, una poniendo el estilo en un archivo externo o incrustado en el <head> de la página web o sino agregándolo en el mismo DIV. <div style="position:relative"> <img src="imagen_debajo.jpg" width="268" hspace="16" height="268" vspace="16" /> <div style="position:absolute; top:0; left:0;"> <a href="http://www.guiaplaza.com"> <img border="0" src="marco_chistes.png" width="300" height="300" /> </a> </div> </div> Si desean la opción completa es la siguiente: <html> <he

Error común al agregar imágenes en tus publicaciones

Imagen
Muchos webmasters que empiezan en este trabajo de internet ya sea con un blog o un sitio propio cometen el error que nosotros cometimos al inicio y es no reducir el tamaño de archivo de las imágenes. Normalmente para una bitácora o cualquier página web no se necesita imágenes grandes debido que estas sirven de referencia gráfica para algún artículo o adornar columnas, cabeceras o pie de página. Lo ideal es usar el tamaño de imagen que necesitas, si vas a postear un artículo y necesitas una imagen de 300x200 pixeles debes reducir la imagen en un programa editor de fotos y luego subirlo. Si es imagen propia ponle un sello de agua (efecto) porque así como tu tomas imágenes de otros sitios web, otros webmaster lo harán del tuyo, pero sólo se coloca tu crédito si las fotos son propias. ¿Y POR QUE ES TAN IMPORTANTE REDUCIR LAS FOTOS? Si usas fotos sólo redimensionadas visualmente y no reducidas en archivo, tus páginas serán más lentas al cargar, seguramente ya lo habrás comproba