Tutorial: cómo adjuntar fotos a los mensajes.

Conde Pyruslav
Su Excelencia
#1
Motivación:

La constante renovación de los miembros del foro, con nuevas incorporaciones que, a veces, desconocen cosas básicas como las formas de escritura, uso de mayúsculas, uso de respuestas citadas, gestión de archivos adjuntos, inserción de imágenes, etc...


Metodología:

Se explicará de forma práctica y visual los diferentes métodos de subida de imágenes a los mensajes del foro.


1. Del tamaño de las fotos:

Las cámaras digitales de 7mp han hecho realmente mucho daño a las imágenes en Internet. Principalmente porque sus píxeles sólo los usan para dar mayor resolución, y dado que las ópticas suelen ser corrientitas, los resultados suelen ir plagados de aberraciones cromáticas. Pero eso es un rollo técnico que no viene a cuento. De cara a una visualización correcta, hemos de asegurarnos que la foto tenga:

- Un tamaño mínimo adecuado: no nos gusta quedarnos ciegos por ver una foto.

- Un tamaño máximo lógico: de nada sirve andar moviendo la barra desplazadora arriba, abajo, izquierda y derecha para ver una maldita foto.

Así, teniendo en cuenta el tamaño habitual de las pantallas de hoy en día, la resolución general de los ordenadores en sus configuraciones de serie (que la inmensa mayoría no toca), la estructura del foro, etc.... puede decirse que el tamaño más adecuado es el de 800x600. Menos se hace pequeño, más puede forzar a tirar de desplazador, descuadrar el mensaje e impedir ver la imagen de un solo vistazo. Tamaños como 1024x768 pueden ser considerados "alta resolución". Más de eso es, sencillamente, inútil.

Tendremos en cuenta también el peso del archivo, así como el número de fotos insertadas, dado que los navegadores consumen muchos recursos de cara a visualizar fotos. De nuevo, de nada sirve una imagen de 700kb a 800x600, pues la diferencia de calidad por compresión a la misma imagen pero en 170kb es mínima y casi inapreciable, y fundamentalmente porque aquí estamos para ver fotos de coches y tal, no para juzgar la calidad de cámaras y ópticas.

Resumen: 800x600 como resolución general, entre 100 y 250kb de peso del archivo. Repito: no necesitamos más.

Para modificar el tamaño de las fotos, existen muchos programas. Uno de ellos es el ACDsee en sus versiones modernas, que además también nos permite verlas a pantalla completa y modificar muchos parámetros de la imagen (luminosidad, contraste, tonos, curvas, etc...) De cualquier forma, las cámaras de fotos suelen traer un CD con un programa propio gestor, que suele incluir un editor con el que cambiar el tamaño. Nota: si no lo hay, don't preocup, pasar al tema siguiente.


2. De la subida de imágenes a servidores externos:

Actualmente existen cientos de servidores gratuitos en los que subir nuestras fotos, y que nos propocionarán un link para poder adjuntarlas.

www.subefotos.com
www.imageshack.com
www.imagevenue.com
www.fotozone.es
www.subirimagenes.com
www.imaxenes.com
www.photobucket.com

Sin embargo, debido al tremendo ancho de banda que come el tráfico de Forocoches (el mayor foro de España, uno de los mayores del mundo), el servidor Imageshack nos tiene baneados, motivo por el cual muchos ven ranas en vez de fotos. Cierto, existen trucos para no ver las ranas, aplicables a navegadores como el Firefox, pero yo recomiendo no usar ese servidor y ni de lejos enfadarse si alguien recrimina ver ranas, porque:

- Nadie está obligado a usar un navegador diferente

- No todos saben que existen navegadores diferentes

- No todos pueden instalar navegadores diferentes

- No todos saben que existen esos trucos.

Cierto, muchos otros foros (www.supercarfrance.com por ejemplo) ofrecen fotos increíbles que están alojadas en Imageshack, y es muuuuuuuuuuuuuy fácil copiarse los mensajes y pegarlos en Forocoches, pero para el usuario habitual, existiendo alternativas, es tontería usar un servidor que nos ha baneado.

Mi favorito, y el que recomiendo, es Photobucket. Sí, hay que registrarse...... ¿y? También nos hemos tenido que registrar en el foro. Yo llevo años en Photobucket con diversas cuentas y nunca he tenido ningún problema. Para cuentas gratuitas, ofrecen un ancho de banda suficiente para nuestros mensajes. Así luce el control de Photobucket, con la posibilidad de crear más ficheros en los que clasificar las fotos.



Su web nos permite editar el tamaño de las fotos, rotarlas, etc..., y en esas cuentas gratis podemos configurarla para que la resolución no supere los 800x600 nombrados. Todo ventajas. Y encima nos da los códigos para insertar las fotos en foros o webs (derecha de la imagen). ¿Qué más podemos pedir?



Es aconsejable poner una contraseña para el acceso público a nuestro album, para evitar que nos vean otras fotos personales que hayamos podido subir. También podemos hacernos una cuenta de pago, con ancho de banda ilimitado.



De cualquier forma, que cada uno elija su web preferida y punto. Aquí no estamos para vender una web ni obtenemos beneficios, ni mucho menos por recomendar Photobucket me van a rebajar la cuota que pago por mi cuenta (unos 9 euros cada 3 meses). Si se suben muchas fotos y se quiere tenerlas lozalizadas, es una buena opción. Para una o dos fotos que subamos para poner en un mensaje, cualquier otro sistema es perfectamente válido.

Resumen: habiendo alternativas, es de tontos usar una web que no todo el mundo ve, aunque haya trucos para evitar el problema. Se trata de comunicar, y todo lo que lo facilite será mejor.


3. Subir las fotos a la Galería Forocoches:

Aunque muchos no lo sepan, lo cierto es que el foro nos ofrece una galería cojonuda en la que subir las fotos, perfectamente clasificadas en diversas categorías: General, Tuning, Prototipos, Deportivos, Competición, etc.... Esto podría hacer inútil el andar buscando otros alojamientos, no?





Las imágenes han de pesar menos de 300kb, pero el espacio por usuario es ilimitado. Además, una vez subida tendremos el código PHP con el que insertar las fotos (algo que explicaremos más adelante).



Además, estas imágenes serán visualizadas por cualquier visitante de la web, no estando requerido el estar registrado en el foro (algo que sí pasa con las imágenes "adjuntas" a los mensajes).



Resumen: es probablemente el mejor sistema para el usuario que sólo escribe en Forocoches y que quiere tenerlo todo en el mismo sitio. Pero ojo, se han de respetar las normas.


4. Adjuntar fotos a los mensajes:

El último método para subir nuestras imágenes al glorioso post que estamos escribiendo, es adjuntándolas como archivo. La gran desventaja de este sistema es que aquellos visitantes del foro que no estén registrados o "logeados", no verán las imágenes. Pero es un método rápido y sencillo que nos permite adjuntar la foto sin necesidad de abrir nuevas ventanas o pestañas del navegador.

Para poder adjuntarlas, hemos de escribir el mensaje o la respuesta desde el "modo avanzado", no desde la "respuesta rápida".



Debajo del cuadro donde escribimos el mensaje, hay varias opciones... una de ellas es "administrar archivos adjuntos".



Haciendo click ahí, nos saldrá un cuadro de diálogo en el que seleccionar la foto desde nuestro PC, subirla, etc... Atención, Se ha de respetar el tamaño máximo permitido para cada tipo de archivo.



Como veis, es un sistema muy sencillo y útil, aunque tiene sus desventajas. Lo recomiendo para quien quiere subir una pequeña imagen sin complicarse mucho la vida.


5. Insertar las imágenes en el mensaje a tamaño grande:

Ahora que ya tenemos nuestra foto "en Internet", lo que queremos es que aparezca en grande, como han aparecido las imágenes en este mensaje. Como no soy informático ni nada que se le parezca, sólo sé decir que este foro, como todos, funciona con un tipo de programación o algo llamado PHP. El código para hacer que una foto alojada en cierto sitio aparezca en grande consiste en insertar la dirección exacta de la imagen entre los símbolos [img] e [/img] sin ningún espacio de separación. Para hacerlo más visual, cambiaré la I por una A, de forma que nos quedaría algo como:

[amg]http://www.soyunmarrano.com/fotos/cachondaencoche05.jpg[/amg]

[amg]http://www.nationalgeographic.com/imgs/apes/hamilton.jpg[/amg]

De ahí que los servidores externos de fotos nos proporcionen ya el código completo, como hace Photobucket o la Galería de Forocoches.

De cualquier forma, este método lo podemos usar para adjuntar fotos que veamos por Internet, siendo necesario obtener la dirección de la imagen, no de la página. Así, para adjuntar una imagen desde www.km77.com, no copiaremos la dirección de la barra de direcciones...pues a veces no coincide con la imagen.



Sino que copiaremos la dirección de la imagen, que generalmente obtendremos haciendo click con el botón derecho sobre la imágen y buscando las "propiedades". FireFox, un excelente navegador, nos permite copiarla directamente con la opción "copiar ruta de la imagen".



Una vez que tenemos esa dirección, hemos de pegarla en el mensaje, bien escribiendo a mano el consabido código de img /img, o bien pegándola en el cuadro de diálogo que se nos abre al hacer click sobre este botón:



Cuadro en el que insertar la URL de la imagen:



¡Sencillísimo y para toda la familia!

Resumen: obtener la dirección exacta de la imagen y pegarla en el texto con el código PHP necesario, que se facilita mucho con el botón de "insertar imagen"


6. Qué no hacer:

Es importante, de cara a mostrar una imagen y evitarse lols, owneds, rotos2, jajaja, etc... asegurarnos que esa imagen realmente está alojada en Internet. Lo que nunca debemos pensar es que copiando la ubicación de una imagen en nuestro ordenador, ésta será vista por la gente. De hecho, ni nosotros mismos la veremos... Así, evitaremos cosas como

[IMG]C:\Documents and Settings\Manolo\Mis documentos\Mis imágenes\Ferrari_288GTO.jpg[/IMG]

Por el bien de todos....


7. Método avanzado de creación de reportajes:

Ahora que sabemos hacer mensajes con fotos, y si cuidamos un poco la calidad de estas..... ¿por qué no hacer reportajes? De cara a evitar cuelgues y pérdidas de datos, y currándonoslo un poquito, podemos subir las fotos a nuestro album y fácilmente (Matias, 3.46) crear un bonito mensaje que alterne fotos y texto. Un buen método consiste en:

- Subir las fotos a nuestro servidor preferido, de preferencia a uno que nos permita tener un album.

- Escribir el texto en Word para evitar grandísimas faltas de ortografía si no nos sentimos muy seguros...

- Ir dejando en el texto unos espacios señalados con guiones en los que pondremos las fotos.

- Copiar el texto al Bloc de Notas.

- Ir pegando los códigos de las imágenes en nuestro texto.

- Copiar de nuevo todo y pegarlo en el editor del foro.

- Previsualizar el mensaje para evitar fallos típicos (una imagen que no se ve, otra que sale dos veces, etc...).

- Corregir lo necesario y enviar.

Lo dicho, es todo muy sencillo a poco que nos propongamos hacer las cosas bien. Y eso ayudará para la calidad del foro.


Epílogo:

Espero que este tutorial sirva para aquellos que empiezan en el foro. Decir que es válido para cualquier otro foro en PHP en el que se participe! Si alguien cree conveniente editar algo, que lo diga y se hará.


Pd. Perdón por el tocho y tal....


Resumen final:

- No más de 1024x768 de resolución.

- 800x600 es ya suficiente para ver bien las fotos.

- El foro no acepta más de 50 fotos por mensaje.

- Debido al consumo de recursos, si queremos responder a un mensaje lleno de fotos con un "mola tío! " evitaremos citarlo entero y volver a hacer aparecer toooodas las fotos otra vez.
Opskier CS
macaroni sequenziale
#2
5 estrellas!! Eso es aportar concimientos al foro!! Muchas gracias Conde.


pd: Post de chincheta.
©®©
*AutöBan Späm/Tröll*
#3
Chincheta ya
Clubman
ForoCoches: Miembro
#4
Cita de iPodenco
Chincheta ya
+1

5 estrellas a tu post pyrus
Fee
ForoCoches: Miembro
#5
Conde Pyruslav
Su Excelencia
#6
:chincheta:

TheKat
Un portu en TFS
#7
5 estrellas
de gran utilidad para myself que soy un torpe con estas cosas
gracias de verdad
A.P.M.
Mira el avatar
#8
muy bien explicado

5 estrellas
ford scorpio
villaverde!
#9
muy wueno y !!!!gracias!!!
GPV
Miembro Insurrecto
#10
Cita de Conde Pyruslav





5. Insertar las imágenes en el mensaje a tamaño grande:

Ahora que ya tenemos nuestra foto "en Internet", lo que queremos es que aparezca en grande, como han aparecido las imágenes en este mensaje. Como no soy informático ni nada que se le parezca, sólo sé decir que este foro, como todos, funciona con un tipo de programación o algo llamado PHP. El código para hacer que una foto alojada en cierto sitio aparezca en grande consiste en insertar la dirección exacta de la imagen entre los símbolos [img] e [/img] sin ningún espacio de separación. Para hacerlo más visual, cambiaré la I por una A, de forma que nos quedaría algo como:

[amg]http://www.soyunmarrano.com/fotos/cachondaencoche05.jpg[/amg]

[amg]http://www.nationalgeographic.com/imgs/apes/hamilton.jpg[/amg]

De ahí que los servidores externos de fotos nos proporcionen ya el código completo, como hace Photobucket o la Galería de Forocoches.

De cualquier forma, este método lo podemos usar para adjuntar fotos que veamos por Internet, siendo necesario obtener la dirección de la imagen, no de la página. Así, para adjuntar una imagen desde www.km77.com, no copiaremos la dirección de la barra de direcciones...pues a veces no coincide con la imagen.



Sino que copiaremos la dirección de la imagen, que generalmente obtendremos haciendo click con el botón derecho sobre la imágen y buscando las "propiedades". FireFox, un excelente navegador, nos permite copiarla directamente con la opción "copiar ruta de la imagen".



Una vez que tenemos esa dirección, hemos de pegarla en el mensaje, bien escribiendo a mano el consabido código de img /img, o bien pegándola en el cuadro de diálogo que se nos abre al hacer click sobre este botón:



Cuadro en el que insertar la URL de la imagen:



¡Sencillísimo y para toda la familia!

Resumen: obtener la dirección exacta de la imagen y pegarla en el texto con el código PHP necesario, que se facilita mucho con el botón de "insertar imagen"




En este apartado veo mucho más simple darle al botón derecho (copiar) encima de la foto que nos interese.

Volver a la ventana de respuesta del foro y pegar.
Boneco
Appassionato di motori
#11
Muy buen trabajo. Cualquiera debería colgar excelentes posts con fotografías con esas instrucciones.
eledondavid
ForoCoches: Miembro
#12
es una prueba
lazios
ForoCoches: Miembro
#13
joder que currado el post!
spider_xyz
Invitado
#14
Muy buen post Conde!!! Eres un fiera. Eso es lo que llamo yo aportar valor! A ver si saco algo de tiempo el finde y hago una aportación en condiciones, que me has motivado...
patolin
Miembro de CHT
#15
excelente post, al fin pude aprender a usar photobucket
Doc Corrupto
ForoCoches: Miembro
#16
siii
Doc Corrupto
ForoCoches: Miembro
#17
jejej
luky luk
ForoCoches: Miembro
#18
va de prueba
luky luk
ForoCoches: Miembro
#19
Gracia tio por la informacion,con estos post es como de verdad se aprende
Jony69
Hala Madrid.
#20
Gracias
tacor
Forocochero soy
#21
Imprecilla
gonhhhh....shhhhhhhhh
#22



PD: muchas gracias, muy util
espero k funcione....
p627
ForoCoches: Miembro
#23
Muchas gracias
gryphus1
Invitado
#24
Hola a todos, está muy bien explicado pero no me resuelve una duda: ¿puedo agregar imágenes a mi firma para que siempre aparezcan cuando escribo mensajes? en otros foros q usan sistema PHP si que podia, pero cuando lo hago aquí, ya sea copiando la imagen y pegándola o escribiendo el código [img] con el url de la imagen, al dar a "vista previa de la firma" sólo aparece el código, y no la imagen ¿qué puedo hacer?
ClaudioChileno
ForoCoches: Miembro
#25
Muy buena esto de enseñar a esar el foro... lo intentare, espero haber aprendido. saludos.
Conde Pyruslav
Su Excelencia
#26
Gryphus1, Forocoches no permite las firmas con imágenes.
mikel17
#27
prueba
ERC
ForoCoches: Miembro
#28
Cita de GPV
En este apartado veo mucho más simple darle al botón derecho (copiar) encima de la foto que nos interese.

Volver a la ventana de respuesta del foro y pegar.
tu te has saltado la última parte!

- Debido al consumo de recursos, si queremos responder a un mensaje lleno de fotos con un "mola tío! " evitaremos citarlo entero y volver a hacer aparecer toooodas las fotos otra vez.
GÜELL
ForoCoches: Miembro
#29

Prueba
practicaré con lo del tamaño
GÜELL
ForoCoches: Miembro
#30
← A Coches