Ver Mensaje Individual
Antiguo 10-jun-2009     #2
Predeterminado



8.- Cómo poner imágenes en el foro.
Capítulo cedido por Eloy58, Gracias.

Para poner imágenes ó fotografías en un post primero deberemos subirlas a un host de almacenamiento (personalmente lo hago en http://imageshack.us/ o http://imgur.com/)


Pero antes de nada deberemos tener la imagen ó imágenes en nuestro PC ó agrupadas en una carpeta, ya sea una imagen personal (de nuestro álbum privado) ó capturas para documentar la confección de un tutorial/manual como este que nos ocupa.

Las capturas las podemos hacer con programas especializados para ello y como con otros softwares, existen varios de estos programas ó utilidades ... yo uso WinSnap o Snagit por ser de mi preferencia.


Cuando ya tenemos las imágenes que vayamos a utilizar las subimos (como dije antes) al host .

NOTA: Las imágenes pueden ser de los diferentes formatos que existen, según nos interese :
  • Normales: jpg, bmp, …
  • Con transparencia: png, gif, …
  • Animaciones: gif, …

Para subirlas vamos a la página del host http://imageshack.us/ y pinchamos en Browse.


Se abrirá el explorador de nuestro PC para localizar la imagen en cuestión, una vez elegida clicamos dos veces sobre ella.


Y se nos alojará en la caja destinada para ello.


Pinchamos en Start upload


Y comenzará la subida.


Una vez ha terminado de subir nos dará una serie de enlaces para utilizar.

Copiaremos el enlace marcado y lo guardaremos en un block de notas (por ejemplo) para después poderlo usar en nuestro post.

NOTA: Si necesitamos subir más pincharemos en Search y nos devolverá a la primera página para iniciar de nuevo el proceso.


Llegó el momento de insertar nuestra imagen en el post, para ello nos vamos a la caja de edición como se explico más arriba y pinchamos en Insertar Imagen, si lo deseamos le damos en centrar también para que nos quede centrada la imagen.


Nos saldrá la ventana para ingresar el enlace que copiamos antes y damos a Aceptar.




Una vez que lo ingresamos es hora de hacer una vista previa




Si es de nuestro agrado pinchamos en enviar


Y ya tendremos nuestra imagen posteada.


Composición en formato png con transpariencia

Si nuestra imagen es muy grande nos mostrará un aviso de imagen reducida, bastante antiestetico para el aspecto general del post.


Para evitarlo podemos reducir sus dimensiones con un editor de imágenes (Photoshop u otro) a 640 pixels de ancho máximo, de alto no haría falta ya que para la altura no tiene límite.


Si antes decíamos que las imágenes grandes las veríamos reducidas y con un molesto cartel que nos lo indicaba ... Porqué no sucede con esta otra...?


En realidad estamos viendo dos imágenes, para ser mas exactos una imagen dividida en dos partes.

Para hacer esto editamos nuestra imagen y la dividimos previamente en dos con nuestro editor preferido (lease Photoshop u otro), las dos partes resultantes las subiremos por separado al host y luego las uniremos en la caja de edición del post.

Antes de nada tendremos en cuenta la anchura del post, como vemos en la regla de abajo la anchura que nos permite es de 890 pixels (estamos hablando para una resolución de 1024x768)


Reducimos la imagen a 890 pixels, la dividimos en dos partes de 445 pixels cada una y las subimos por separado al host de almacenamiento, como explicamos al principio de este apartado.


Seguidamente editamos el post para que queden unidas, las insertamos como ya explicamos pero una junto a la otra sin ningun espacio intermedio, el código lo podemos ver abajo.



y ya podemos ver la imagen completa



Como la imagen se presta a ello le vamos a dar un toque de MAGIA con una pequeña aplicación gratuita llamada Reflet que podemos descargar desde la página web de su autor http://www.photofiltre.com/


VOILA


Brooklin vista panorámica nocturna

Otro Ejemplo



Cataratas de Iguazu (Argentina)

Como podemos observar no se aprecian las juntas de las dos imágenes.

Si queremos poner un link (enlace) a nuestra imagen lo haremos de la siguiente forma.

Insertamos la imagen como explicamos anteriormente, seleccionamos todo y pinchamos en link.


Nos saldra la ventana para ingresar la dirección donde queremos enlazar.






Aceptamos Y ya esta nuestra imagen enlazada


Espero que les sirva de AYUDA ... Saludos



Última edición por Eloy58; 22-nov-2012 a las 07:45 Razón: reponer imágenes
Responder Citando
Los siguientes 68 usuarios agradecen a logo por este mensaje:
alejandra771 (11-jun-2009), Alk3r0 (21-jul-2014), AndyAn1972 (01-may-2010), Auroranorval (21-ago-2017), Borrocop (06-sep-2015), byronrodri (15-may-2010), caradebaby (25-oct-2009), cardavid (30-mar-2010), celes2406 (09-jun-2010), cramercaba (09-mar-2010), d4n13l (17-mar-2016), danielsc48 (19-oct-2010), Darmbass (16-abr-2016), DAZER000SUPREME (27-sep-2012), Dedalus (15-may-2010), Desesperas (03-abr-2010), Dibu.gm (02-jul-2009), Don Fernando 78 (04-mar-2012), Edu24x (30-mar-2010), Florderetama (27-abr-2016), Francisco6812 (09-ago-2013), Geniuz (19-oct-2010), Ghost (25-ene-2012), giancf88 (14-ago-2010), Gokuo7 (04-ene-2012), gurgura (01-dic-2012), hopelin (01-may-2010), humo3 (30-sep-2014), Hunted (18-jul-2010), irodriguez5 (10-feb-2013), J.M.Otero (09-nov-2011), javi@97 (16-dic-2009), jchierro (09-jun-2010), jgmontero (05-may-2010), josner (16-ago-2014), juancrodriguez (14-mar-2010), ltnd2k9 (28-nov-2011), luxure07 (10-dic-2010), maik007 (09-nov-2010), marcellus (03-feb-2018), Miguelo2510 (06-oct-2017), mikeangel21 (25-may-2013), MULTI (11-dic-2012), Nitratodeaminio[NH4NO3] (22-may-2017), opadrino (24-dic-2012), pardo1976 (17-jun-2009), Pcfan64 (04-ago-2009), platoyvaso (21-jul-2012), pulpeiro (26-dic-2013), racb28 (09-jun-2011), RASMUS (31-oct-2009), ReaPeR (02-may-2010), rodas (17-jun-2014), rodrigo1 (28-mar-2016), rojo (21-sep-2010), Sabid Barahona (23-nov-2009), SamelTk (01-ene-2010), silverhe (06-ago-2010), Spiritlandblue (04-ago-2010), street018 (21-oct-2011), tamarindoloco (06-may-2013), Thanatox Fox (14-nov-2011), trecool (09-jun-2010), vaca (16-jul-2010), vhgf1 (01-jul-2011), vivaerbeti (09-nov-2012), VJEVans (24-dic-2012), wolfito (20-may-2010)