PDA

Ver la Versión Completa : [Tutorial] Cómo colocar imágenes en los post, firmas y avatares!


DereK
16-Sep-2009, 18:37
Saludos!!


A petición de los usuarios, a continuación se mostrará el proceso para colocar una imágen en un post, siendo el mismo proceso para colocar imágenes en firmas y avatares!


Las imágenes pueden ser de distintos formatos, siendo los más usados para la web los siguientes:


Formato GIF:

Utilizan un máximo de 256 colores, y son recomendables para imágenes con grandes áreas de un mismo color o de tonos no continuos. Suelen utilizarse con gran frecuencia, ya que permiten definir transparencias y animación.


[Ejemplo imágen Gif]

http://i636.photobucket.com/albums/uu82/derek_stefano/1252735719151.gif


Formato JPG:

Las imágenes son de mayor calidad que las GIF, al poder contener millones de colores, pero el tamaño de la imagen es mayor y tarda más en descargarse se utilizan más para fotos.


[Ejemplo imágen JPG]

http://i294.photobucket.com/albums/mm116/DarkComeSoon/Ellen%20Page/EllenPage2.jpg


Formato BMP:

Esta clase de formato lo utiliza el sistema de Windows y el Ms-Dos, para guardar sus imágenes. Este sistema de archivo puede guardar imágenes de 24 bits (millones de colores), 8 bits (256 colores) y menos.

A esta clase de archivos puede seleccionarse una compresión RLE (Run Length Encoding) sin pérdida de calidad.


[Ejemplo imágen BMP]

http://www.dentrocine.com/wp-content/uploads/2008/05/ellen.bmp


Formato PNG:

Considerado un formato para sustituir al famoso .GIF, debido a que el PNG utiliza sistemas de compresión estándares gratuitos, como el método ZIP, y permite al mismo tiempo mayor profundidad de color en las imágenes, llegando hasta los 24 bits de profundidad de color, mientras que el formato GIF solo recoge 8 Bits.

Su utilizamos PNG, para comprimir imágenes de 24 bits podremos realizar una interesante compresión sin pérdida alguna de calidad.


Las imágenes PNG cuentan con la característica de poder usar transparencias adaptandose al color de fondo de la web.

[Ejemplo imágen PNG]

http://upload.wikimedia.org/wikipedia/commons/7/7a/Basketball.png






Bien, ya que conocemos los tipos de imágenes más utilizados en la web, procedemos con el tutorial!


Para poder colocar imágenes en los post, avatares o firmas, sólo necesitamos una imágen alojada en la web y algunas etiquetas, que ya veremos a continuación.


Primero que nada, necesitamos ubicar una imágen deseada. Ya que la hemos encontrado, debemos darle clic para que aparezca la imágen sola en el navegador.


[Imágen]

http://i229.photobucket.com/albums/ee189/buxog/02-1.jpg


en caso de que no tenga hipervínculo, osea, no nos permita mostrar la imágen con un clic, daremos:

Clic derecho > Ver imágen

http://i229.photobucket.com/albums/ee189/buxog/01-2.jpg


Y obtendremos el resultado del primer paso.



Muy bien, ya que tenemos la imágen lista, copiaremos la dirección de la imágen como se muestra a continuación:


[Copiando ruta/dirección de la imágen]

http://i229.photobucket.com/albums/ee189/buxog/03.jpg


Ahora nos dirigimos a insertar la imágen en el post, por lo que usaremos la opción "Insertar Imágen", que se encuentra en nuestra barra de herramientas de nuestro cuadro de texto:


[Opción Insertar Imágen]

http://i229.photobucket.com/albums/ee189/buxog/04.jpg



Al presionar dicho botón, aparecerá la siguiente ventana:


http://i229.photobucket.com/albums/ee189/buxog/05-1.jpg



En ella debemos colocar la dirección de la imágen, la cuál ya hemos copiado, así que la pegamos con Clic derecho > Pegar... ó Ctrl + v y presionamos "Aceptar"


[Colocando la dirección de la imágen]

http://i229.photobucket.com/albums/ee189/buxog/06-1.jpg



Y listo, verán como ha aparecido la dirección de nuestra imágen entre las etiquetas ... un ejemplo:


[Así lucirá su post]

http://i229.photobucket.com/albums/ee189/buxog/07-1.jpg



Bien, ahora sólo es cuestión de enviar el post y la imágen aparecerá dentro de su post!!


[Resultado]

http://i229.photobucket.com/albums/ee189/buxog/08-1.jpg



Eso es todo acerca de colocar imágenes en los post... dicho proceso funciona exactamente igual para colocar imágenes en nuestras firmas, en comentarios de perfil y avatares!




Saludos!!