Foros Fairlight Jarre

General => Dudas => Mensaje iniciado por: Manu1613 en 19 de Julio de 2011, 12:44:10 PM

Título: TUTORIAL: Cómo subir imágenes y archivos
Publicado por: Manu1613 en 19 de Julio de 2011, 12:44:10 PM
INTRODUCCIÓN AL HOSTING

Un hosting es una página en la cual podemos cargar archivos para que luego poder descargarlos. Un FTP es un hosting por ejemplo, permite albergar cualquier tipo de ficheros (de hecho hosting se puede traducir como "albergue"). Los hostings pueden especializarse:

- Webhosting: Para almacenar exclusivamente páginas web.
- Filehosting: Para almacenar archivos a modo FTP.
- Imagehosting: Para almacenar imágenes web.

Los hosting suelen devolver un enlace de acceso a lo que hemos subido para que la gente se lo descargue. Puede haberlos gratuitos y de pago. Ahora no voy a meterme con esto, dado a lo que vamos a usar son GRATUITOS (aunque admitan el pago).

CÓMO SUBIR IMÁGENES AL FORO

Para ello vamos a usar un imagehosting llamado ImageShack. Podemos registrarnos si queremos pero es opcional (y gratis). Lo que debemos de hacer es:

1- Ir a http://imageshack.us/
2- Clic en el botón de color gris Browse (explorar)
3- Buscar la imagen o imágenes a subir. Una vez seleccionada/as clic en Abrir.
4- Ahora clicaremos en el botón azul Cargar ahora.
5- Cuando hayamos cargado la imagen veremos que a la izquierda bajo ella tenemos varias opciones:


Enlace: Esta es para ver en grande la imagen que hemos subido

http://imageshack.us/photo/my-images/89/411pxalsiayellow.jpg/

Direct Link: Es el acceso directo donde se ha "hospedado" la imagen. Hay que estar registrado para poder acceder a ella.

Widget Code: Es código HTML. Esta es para desarrolladores Web que quieran incrustar la imágen mediante JavaScript en sus páginas y/o blogs (esta última siempre que permita la edición HTML).

Código de foro: ESTA ES UNA DE LAS QUE NOS INTERESAN PARA AQUÍ. Si no te quieres registrar, copia la dirección y pégala en el foro. El resultado es este:

(http://img89.imageshack.us/img89/4228/411pxalsiayellow.jpg) (http://imageshack.us/photo/my-images/89/411pxalsiayellow.jpg/)

Uploaded with ImageShack.us (http://imageshack.us)

Código de Alt forum: Simplemente es para mostrar el código BBCode que usa el foro para poder mostrar la imagen. La imagen que he puesto anteriormente tiene el siguiente código BBCode:

[IMG=http://img89.imageshack.us/img89/4228/411pxalsiayellow.jpg]http://[/img] (http://imageshack.us/photo/my-images/89/411pxalsiayellow.jpg/)

Uploaded with ImageShack.us (http://imageshack.us)

Código HTML: Usar la imágen en desarrollo Web sin necesidad de JavaScript (El foro no usa código HTML, usa el BBCode así que no hará nada):

<a target='_blank' title='ImageShack - Image And Video Hosting' href='http://imageshack.us/photo/my-images/89/411pxalsiayellow.jpg/'><img src='http://img89.imageshack.us/img89/4228/411pxalsiayellow.jpg' border='0'/></a>

Uploaded with <a target='_blank' href='http://imageshack.us'>ImageShack.us</a>

Vista en miniatura: Para poner una vista previa de la imagen que al hacer clic en ella nos lleva a la imagen a mayor tamaño (la primera opción Enlace que he puesto). Ideal para mostrar previas e incluso para poner de firma en nuestro perfil:

(http://img89.imageshack.us/img89/4228/411pxalsiayellow.th.jpg) (http://imageshack.us/photo/my-images/89/411pxalsiayellow.jpg/)

Uploaded with ImageShack.us (http://imageshack.us)

Vista en miniatura de Alt Forum:
Muestra el código completo de cómo el foro hace mostrar lo anterior. La imagen previa anterior usa este código de foro:

[IMG=http://img89.imageshack.us/img89/4228/411pxalsiayellow.th.jpg]http://[/img] (http://imageshack.us/photo/my-images/89/411pxalsiayellow.jpg/)

Uploaded with ImageShack.us (http://imageshack.us)

Vista en miniatura HTML: Simplemente poner una previsualización cuando desarrollas la página web de forma similar a la del foro. Como el foro no trabaja con HTML no veremos más que código:

<a target='_blank' href='http://imageshack.us/photo/my-images/89/411pxalsiayellow.jpg/'><img src='http://img89.imageshack.us/img89/4228/411pxalsiayellow.th.jpg' border='0'/></a>

Uploaded with <a target='_blank' href='http://imageshack.us'>ImageShack.us</a>

Resumiendo:

NOSOTROS SOLO USAREMOS CÓDIGO DEL FORO, VISTA EN MINIATURA Y OPCIONALMENTE DIRECT LINK (para aquellos que estén registrados en imageshack) YA QUE NOS LLEVARÁ A LA PÁGINA GENERADA EN ENLACE PARA VERLA CORRECTAMENTE (excepto direct link que va a la imagen real, sin redimensionar).

Notas:

1- Basta con copiar las direcciones que he indicado. NO HACE FALTA SELECCIONAR LA PÁGINA EN EL FORO Y DAR UN CLIC EN EL BOTÓN IMAGEN (a no ser que uses el direct link) porque ya en la página viene incluida el códgo  que es el que permite mostrarla.

2- Como has podido comprobar, al final pone una marca de agua que indica que la imagen se ha subido mediante imageshack. Eso lo puedes quitar tranquilamente. Cuando pegamos tenemos esto (aquí ejemplo de uso de Alt forum):

[IMG=http://img89.imageshack.us/img89/4228/411pxalsiayellow.th.jpg]http://[/img] (http://imageshack.us/photo/my-images/89/411pxalsiayellow.jpg/)

Uploaded with ImageShack.us (http://imageshack.us)

Pues lo dejamos así:

[IMG=http://img89.imageshack.us/img89/4228/411pxalsiayellow.th.jpg]http://[/img] (http://imageshack.us/photo/my-images/89/411pxalsiayellow.jpg/)

Si hemos subido un grupo de imagenes, explora por ti mismo las opciones. Aquí te dejo una página de ejemplo:

http://imageshack.us/g/192/411pxalsiayellow.jpg/

3- Si encontramos una imagen por Internet no tenemos porque guardarla y subirla. Si obtenemos el enlace directo (lo que equivaldría al direct link de imageshack) basta con pegarlo, seleccionarlo y clic en insertar imagen. Con el navegador Firefox podemos obtener dicho enlace con la opción Copiar ruta de la imagen por ejemplo si encontramos esta imagen:

http://4.bp.blogspot.com/-VFgDJRWm_0M/TdpI6g10CGI/AAAAAAAAACE/JOPBfsxSPmo/s1600/11-chicas-y-autos-explota-el-monitor-y-chicas-coches.jpg

Pues con pegarla en el foro, seleccionar y clic en Insertar imagen obtendremos esto:

(http://4.bp.blogspot.com/-VFgDJRWm_0M/TdpI6g10CGI/AAAAAAAAACE/JOPBfsxSPmo/s1600/11-chicas-y-autos-explota-el-monitor-y-chicas-coches.jpg)

Usando Image Hosting:

La dirección es: http://www.imagehosting.com/

Se hace exactamente igual que la anterior solo que aquí usaremos la opción Your Image Link que es la que nos dá el enlace directo a la imagen subida. El resultado es este: (Enlace sin insertar imagen: http://www.freeimagehosting.net/o9nte)

(http://www.freeimagehosting.net/t/o9nte.jpg)
(Si no funcionase, simplemente copiar y pegar en el post todo lo que hay en Forum & Message Board Link)

Las otras tres opciones no deberían de presentaros problemas dado a que funcionan exactamente igual a como he explicado.

Otro imagehosting que podéis usar es este otro: http://www.postimage.org/

Se hace de forma similar a todo lo explicado. :wink:

Añado a día de hoy este nuevo imagehosting porque imageshack ahora necesitas registrarte para poder subir imágenes (cierto, hay un registro gratuito que podéis hacerlo para hacer todo esto). El problema está que al subir imágenes solo registrándote si subo este tipo de imágenes se almacenan en mi cuenta ocupándolas de forma "inútil" ya que son imágenes que no necesito tener en una cuenta (solo fotos o algo de interés) y si la borro porque su función es como lo que pongo en este foro, me cargo la imagen que he insertado. (No sé si me he explicado bien)...

Antes subías a imageshack una imagen y se alojaba en una "ZONA X" del servidor de imageshack. Nos daban los enlaces expuestos y luego la imagen ya puede caducar si quiere porque está en esa zona x pero ahora ya no puedo subir imágenes a esa zona x sino a mi cuenta y si las borro, desaparecen y no se pueden ver aquí. Por eso he puesto este otro imagehosting.

No sé cómo explicarlo... Las imágenes a imageshack se suben a la cuenta de una persona e imágenes de este tipo no merecen la pena tenerlas en una cuenta porque es para tener cosas decentes (como fotos de viaje o de algún evento).

CÓMO SUBIR OTRO TIPO DE ARCHIVOS

Para subir algo genérico (y también para descargarlo) recomiendo los siguientes hostings:

- Medifire (http://www.mediafire.com)
- 4shared (http://www.4shared.com)
- Sendpace (http://www.sendspace.com)
- Megaupload (http://www.megaupload.com)

La forma de subir archivos es similar en los cuatro:

1- Entramos en la que queramos usar.
2- Buscamos un botón llamado subir,cargar,upload,browse o similar.
3- Buscamos el archivo.
4- Clic en cargar, upload,start,begin upload,enviar o similar.
5- Al acabar nos tiene que dar una página web de acceso a él que es el que debemos de poner para que la gente se lo quiera bajar.

Para este caso tenéis que tener en cuenta que al usar la forma gratuita suelen caducar pasado un tiempo (de 1 mes a más tarde) a no ser que o bien pagues o puedas crearte una cuenta gratuita como pasa en mediafile y 4shared que entonces los archivos se quedan de forma permanente. Si te interesa subir música 4shared te puede interesar ya que antes de bajarlo puedes ver una previsualización del audio/video antes de bajarlo.

Espero que os ayude :wink:

¡Saludos! :wink:
Título: Re:TUTORIAL: Cómo subir imágenes y archivos
Publicado por: jarre98 en 15 de Mayo de 2012, 05:58:27 PM
Gracias Manu y estan muy ricas las modelos  :-D :-D :-D :-D :-)
Título: Re:TUTORIAL: Cómo subir imágenes y archivos
Publicado por: Manu1613 en 19 de Agosto de 2012, 01:46:20 AM
Actualización:

Otro webhosting que podéis usar sino queréis registraros en imageshack.us es este:

http://www.postimage.org/
Título: Re:TUTORIAL: Cómo subir imágenes y archivos
Publicado por: Yolanda2014 en 07 de Agosto de 2014, 11:08:59 AM
Muchos fans de Apple se confunden cuando los archivos de copia de seguridad desde el iPod al Mac. iTunes nos permite mover archivos a iPod, pero no le permite mover archivos de un lado. Aunque de eso, hay una manera de hacer frente a estos problemas.
Título: Re:TUTORIAL: Cómo subir imágenes y archivos
Publicado por: Mr. Punch en 07 de Diciembre de 2016, 01:21:50 AM
¿Pasa algo con los avatares? Veo que a unos usuarios nos ha desaparecido y a otros no. Estoy como loco intentando cambiarlo y no hay manera de que se vea.
Título: Re:TUTORIAL: Cómo subir imágenes y archivos
Publicado por: Mr. Punch en 13 de Diciembre de 2016, 04:17:05 PM
Cita de: Punch en 07 de Diciembre de 2016, 01:21:50 AM
¿Pasa algo con los avatares? Veo que a unos usuarios nos ha desaparecido y a otros no. Estoy como loco intentando cambiarlo y no hay manera de que se vea.

EEEEEEEEEEEOOOOOOOOOOOOOOHHH!!!! ¿Hay alguien en esta mansión? ¿Algún administrador? ¿Un ama de llaves manque sea?
Título: Re:TUTORIAL: Cómo subir imágenes y archivos
Publicado por: zopa en 13 de Diciembre de 2016, 05:09:17 PM
Cita de: Punch en 13 de Diciembre de 2016, 04:17:05 PM
Cita de: Punch en 07 de Diciembre de 2016, 01:21:50 AM
¿Pasa algo con los avatares? Veo que a unos usuarios nos ha desaparecido y a otros no. Estoy como loco intentando cambiarlo y no hay manera de que se vea.

A ver si MAE o Juan saben... Yo solo soy el administrador tontico!!

EEEEEEEEEEEOOOOOOOOOOOOOOHHH!!!! ¿Hay alguien en esta mansión? ¿Algún administrador? ¿Un ama de llaves manque sea?
Título: Re:TUTORIAL: Cómo subir imágenes y archivos
Publicado por: Mr. Punch en 11 de Enero de 2017, 11:45:32 PM
Ah, hombre, ahora está todo más claro, gracias por la explicación :evil:

¡Esto es intolerable, exijo hablar con su superior! :? :-D
Título: Re:TUTORIAL: Cómo subir imágenes y archivos
Publicado por: TURIA en 05 de Marzo de 2017, 02:52:37 AM
El extraño caso de los avatares desaparecidos ....  :-(  Echo de menos mi portada de Anathema  :cry:
Título: Re:TUTORIAL: Cómo subir imágenes y archivos
Publicado por: Manu1613 en 29 de Abril de 2017, 07:55:49 PM
Tendrían que mirar si el directorio donde se alojan las imágenes tiene los permisos adecuados. Subir archivos no te deja por un error que parece indicar lo que digo, se pueden usar imágenes de Internet que tengan una URL corta pero aun así, usanto tamaños pequeños (mi avatar es 176x312 y mirar que salvajada... Debería de ser muy pequeño ya que haciendo pruebas no veais que imágenes más enormes me han salido con resoluciones entre 100 y 500 (Teniendo en cuenta que el máximo ronda entre los 461 píxeles).

Edito: Ahora la cambié a un formato 88 x 156.
Título: Re:TUTORIAL: Cómo subir imágenes y archivos
Publicado por: Some_Oxygene en 30 de Abril de 2017, 09:42:31 PM
Yo me iba a cambiar hoy mi avatar por Makise Kurisu, pero me dice que hay un error a la hora de subir archivo :o

¿Alguien sabe qué maneras hay?
Título: Re:TUTORIAL: Cómo subir imágenes y archivos
Publicado por: Manu1613 en 30 de Abril de 2017, 11:25:51 PM
Cita de: Some_Oxygene en 30 de Abril de 2017, 09:42:31 PM
Yo me iba a cambiar hoy mi avatar por Makise Kurisu, pero me dice que hay un error a la hora de subir archivo :o

¿Alguien sabe qué maneras hay?

Pues por el momento los avatares solo se pueden mostar desde la opción imagen desde URL por lo que tendrás que buscar un enlace directo a la imagen para esa imagen siempre y cuando no supere los 461x461 píxeles, o bien puedes bajarte una imagen, reducirla con un programa tan básico como Paint y después colgarla en http://www.postimage.org/ o https://imageshack.us/ tal y como explico en la primera entrada de este post. De todos los enlaces que te genere, guárdate el de Delete image por borrarla en el futuro y la de Direct Link que es la que tienes que usar.

Eso sí, el avatar te aparecerá gigante.

En resumen, para tener por el momento una imagen en el avatar:

1- Se necesita una URL que sea un enlace directo a la imagen (que termine en .jpg, .gif, .png...) entre los 116 y 461 píxeles (si es entre 116 y 122, mejor)
2- En vuestro perfil, seleccionáis que queréis usar avatar usando una URL y ponéis la página del paso 1 ahí.

Otra opción es editar una imagen, cual sea, reducirle el tamaño y subirla a páginas como imageshack, postimage y de todas las opciones que os salgan cuando la subáis, os interesa la de DIRECT LINK, esa es la URL que tenéis que copiar y pegar en el paso 2. Una recomendación es guardar el enlace de borrado (DELETED LINK) por si no os interesa tenerla más alojada.

¡Saludos! :wink: