Antes que nada, ya existe un simple tutorial para subir imágenes, pueden verlo, haciendo [Para ver los links tienes que estar REGISTRADO. Click aquí para registrarte ...te llevará menos de un minuto!]. Este, que podrán ver a continuación, trata más a fondo las opciones de subida.

He notado que la mayoría, si bien sabe cómo subir sus fotos a Flickr® o Imageshack®, lo hacen de distintas maneras, y a veces pasa que se [Para ver los links tienes que estar REGISTRADO. Click aquí para registrarte ...te llevará menos de un minuto!], o la imagen es demasiado grande, hay que hacer scroll para todos lados, y no se puede ver nada a fin de cuentas.

Entiendo que esto puede suceder por varias razones:
- La sacaron con la cam o el celu, la suben así como viene, y después queda gigante.
- Abrir el Photoshop® y cambiarle el tamaño de imagen es mucho quilombo, sobretodo cuando encima tengo que subir una por una a Imageshack®.
- En la compu las veían bien, porque el visor (Windows®, Acdsee®, Irfanview®, etc.) las ajusta automáticamente a la pantalla, y si quieren hacerle zoom, no tienen más que apretar un botón. Entonces, la suben así.

Lo que sigue, es un tutorial acerca de cómo aprovechar al máximo las capacidades de Imageshack® para poder “redimensionar” las imágenes con un simple click, y que no pasen cosas como esta, por ejemplo:


[Para ver los links tienes que estar REGISTRADO. Click aquí para registrarte ...te llevará menos de un minuto!]
__________________________________________________ _____


Preguntas frecuentes:

- Qué es Imageshack®?
Como su apoyatura de marca lo dice (online media hosting), es un hosting de multimedia online, ya sea imágenes, páginas, videos, y otro par de cositas más, pero eso lo dejo para la próxima.

- Por qué tenemos que usar eso u otra cosa?
Porque de esa forma todos podemos utilizar el espacio que nos da la red, como en RapiShare® por ejemplo, en donde podemos guardar archivos pesados para que otros puedan descargarlos.
__________________________________________________ _____


Con estas dos preguntas principales contestadas, vamos al tutorial:

Paso 1 – Web

. Ingresar a [Para ver los links tienes que estar REGISTRADO. Click aquí para registrarte ...te llevará menos de un minuto!]

. Verán algo como esto:


Esta es la home de Imageshack®.


Paso 2 – Explorar el sistema en búsqueda de la imagen

. Supongamos que la foto o imagen que quieren subir, está alojada en C:\Mis documentos\Mis imágenes, y su nombre es “tutorial-foro-cualquiera.jpg. Hacemos click en “Browse” (Examinar), y nos aparecerá el navegador del sistema (Windows en el ejemplo) para “subir archivos” que se verá parecido a esto:



. Ahora seleccionamos la imagen y hacemos click en “Abrir” como se ve en la siguiente captura:


Nota: En otros sistemas operativos, como Mac OSX, Linux Ubuntu, etc, puede diferir la vista del navegador de archivos locales.


Paso 3 – Opciones de imagen:

. Una vez que hayan seleccionado la imagen, aparecerá su dirección dentro de la barra de direcciones a la izquierda de “Browse” (Examinar). La opción chequeada de “image” (imagen) viene tildada por defecto, pero no está demás asegurarse de que lo esté, como lo muestra la siguiente figura:



. Debajo de la barra de direcciones, verán un campo para llenar con el e-mail en caso de que quieran registrarse en la comunidad de Imageshack® (no es necesario para subir imágenes, así que es un paso que pueden obviar).

. Luego, se encontrarán con un Checkbox () que reza a su derecha la pregunta: “resize image?” (redimensionar imagen?). Y a su lado, un Drop Down Menu () con diversas opciones. Estas son las que podemos usar, para modificar el tamaño de la imagen, si es que ésta es muy grande. A continuación, cada una en detalle:



Por defecto, nos encontramos con el tamaño 320x240 (píxeles) pero en orden sería:

100x75 (avatar) → Recomendada para tamaños de Avatar.
150x112 (thumbnail) → Tamaño de “vista previa”. Un cuadradito chico.
320x240 (for websites and email) → Para webs regulares o envíar por e-mail. Tamaño chico.
640x480 (15-inch monitor) → La resolución ideal y armoniosa en la web. Es lo que conocemos como el 10x15 (cm) impreso, las fotos comunes reveladas del rollo.
1024x768 (17-inch monitor) → Esta es la resolución más grande que es conveniente utilizar en el foro, cuando de fotos se trata.
1280x1024 (19-inch monitor) → Esto es para imágenes más grandes, wallpapers o cosas especiales, pero, a esta altura, ya se rompe un poco el esquema del foro, y es posible que deban hacer scroll para el costado para ver la foto.
1600x1200 (21-inch monitor) → Desmesuradamente grande, solo la podría ver completa un monitor de 21 pulgadas, y aún así, dentro del navegador de internet, habría que hacer scroll (o correrla con las barritas de los costados, para el que no sabe lo que es “scroll”).
Optimize without resizing → Optimiza sin redimensionar (o sea, le baja el peso).

Nota: Si se bajan la imagen del foro (guardarla en su computadora), probablemente la vean bien, ya que el programa de visualización que utilicen, ajustará la imagen al tamaño de pantalla autoáticamente (generalmente, una opción por defecto).

. Debajo de “resize image?” hay otro checkbox () que dice: “remove size/resolution bar from thumbnail?”. Esto es, por si vamos a utilizar una vista previa (ver más adelante). Teniendo chequeada esta opción, no se va a ver la barrita negra con el tamaño/resolución de la foto cuando la subamos al [Para ver los links tienes que estar REGISTRADO. Click aquí para registrarte ...te llevará menos de un minuto!]. Un ejemplo de esto:

Thumbnail con resolution bar >>>

Thumbnail sin resolution bar >>>

. Como última aclaración, podemos analizar este punto: allowed: jpg jpeg png gif bmp tif tiff swf < 1.53 megabytes. Se refiere a que, los tipos de imagen permitidos para subir, son esos. Y el peso máximo por archivo, es de 1.53 megas.


Paso 4 – Hostear la imagen

. Una vez decidida la resolución de la imagen, hacemos click en el botón que dice “host it!”.



Inmediatamente veremos que el texto cambia a “uploading” (subiendo) para indicar que la imagen está siendo guardada.



. La pantalla siguiente, es la que contiene los links que podemos utilizar para pegar en el foro, ya sea directamente, o utilizando el botón de imagen:




Paso 5 – Pegar la Imagen en el foro

. Mayormente, hay dos maneras que recomiendo:

a) Pegar el link como viene directamente de Imageshack®
b) Editarlo y utilizar la opción de “Agregar Imagen” del [Para ver los links tienes que estar REGISTRADO. Click aquí para registrarte ...te llevará menos de un minuto!].

. Lo ideal para realizar a) o b) es seleccionar y copiar uno de los links que se muestran a continuacion:



“Thumbnail”, vendría a mostrar una “Vista Previa” en el [Para ver los links tienes que estar REGISTRADO. Click aquí para registrarte ...te llevará menos de un minuto!], a la cual habría que hacerle click para abrir la imagen en una ventana nueva.

Ejemplo >>>

“Imagen a tamaño”, es la imagen al tamaño que decidieron subirla, se muestra como es.

Si realizan la opción a) (Pegar el link como viene directamente de Imageshack®), la imagen va a mostrarse, siempre con un link a Imageshack®, ya sea la vista previa (link para abrirla en una ventana nueva, obligado) o la vista grande, que igual tendrá un link al hosting online (haciendole click a la imagen).


Aquí vemos el link pegado en el post directamente.

Si realizan la opción b) (Editar el link y utilizar la opción de “Agregar Imagen” del [Para ver los links tienes que estar REGISTRADO. Click aquí para registrarte ...te llevará menos de un minuto!]), la imagen estará posteada en el foro, y no tendrá link a ningún lado (recomendable).



Como verán, aquí habrá que copiar una URL, que empiece por http://. Como los links que traemos de Imageshack®, se ven así (moficiado para no linkear la imagen):

Deberíamos pegarle una editada, para que quede así:

(podemos pegarlo primero en el post, y borrarle las partes de “[.URL=http://imageshack.us][IMG]y [/IMG][/.URL]”)

IMPORTANTE: Otra opción, es copiar el link que dice “direct link to image” (ver grafico con los links arriba), y pegarlo dentro del cuadro que dice: “Por favor introduce el URL de la imagen” (Recomendable)

Quedaría así:



Una vez finalizado cualquiera de los pasos a) o b), a “Someter Respuesta” y voliá, tendrán la imagen al tamaño deseado subida en el [Para ver los links tienes que estar REGISTRADO. Click aquí para registrarte ...te llevará menos de un minuto!], sin nunca haber tocado la foto. Solo chequeando algunas cosas, utilizando las herramientas que ya nos da Imageshack® de por sí.

Imagen final subida:


__________________________________________________ _____

Siendo las 3 y 10 de la madrugada, espero que no se me haya pasado nada y que el tutorial no haya quedado confuso. Dejo el post abierto a comentarios, críticas, y cualquier cosa, edito.

Este tutorial fue realizado íntegramente por [Para ver los links tienes que estar REGISTRADO. Click aquí para registrarte ...te llevará menos de un minuto!] para [Para ver los links tienes que estar REGISTRADO. Click aquí para registrarte ...te llevará menos de un minuto!].
Espero que lo disfruten y que les sirva. Cualquier consulta, chiflen !

Saludos

SPIDEY Ideando maneras de comunicar...

es obligacion usar alguno de esos 2 sitios para subir mis imagenes?

yo no uso esos sitios... el q uso es bueno y lo mas importante... lo se manejar

puedo estar en el lugar mas inmundo de la tierra y ni asi dejare de brillar!...

No, no hay obligación. Este tuto más que nada es general. Usé Imageshack como ejemplo nada más. Pero cada uno puede usar el sitio que quiera. Si querés te explico por PM como sacar la fuente de una imagen y pegarla, aunque, por haber visto ya imágenes subidas por vos, asumo que ya sabés.

Cualquier consulta, a tu disposición

SPIDEY Ideando maneras de comunicar...

Yo prefiero Tinypic.

BUen tuto

Bendito Sea Este Tutorial, No Sabia Como Hacerle El Recize A Las Imagenes. Excelente Explicacion...


Gracias!

Muero de pie antes de vivir arrodillado
ADRI TE AMO NOELIA, SOY MUJER! SI AUNQUE NO LO CREAAS!

Si, ahora no es necesario para el foro, ya que se incorporó una función que resizea las imágenes automáticamente. Sin embargo, sirve igual el tuto, para cualquier otro tipo de aplicacion que vayas a hacer con las imagenes, o que no quieras que el foro te las redimensione automáticamente. Me alegro que sirva

SPIDEY Ideando maneras de comunicar...

Buen tutorial, muy bien explicado... me vino bien para aprender a subir imágenes con imageshack.

No hay nostalgia peor, que añorar lo que nunca jamás sucedió... J. Sabina
Yo que soy apenas lo que puedo y no he sido en esta vida
todavía lo que quiero. C. Castaña