tag:blogger.com,1999:blog-4714735783718459057.post4758183016889492962..comments2023-05-23T17:25:34.335-07:00Comments on Creating WEBPAGES: Mail HTML con imagenes incrustadas en base64Usher webhttp://www.blogger.com/profile/03794928713408326194noreply@blogger.comBlogger31125tag:blogger.com,1999:blog-4714735783718459057.post-51256634375598326992017-11-23T19:12:29.267-07:002017-11-23T19:12:29.267-07:00A lo que pregunta Paco, sobre Hotmail/GMail, decir...A lo que pregunta Paco, sobre Hotmail/GMail, decir que realmente este sistema sí puede verse truncado según el "lector de correos" que use el destinatario del correo para abrirlo. Incluso con un mismo software (o plataforma web) puede configurarse de modo diferente, especialmente en lo que tiene que ver con el manejo de contenidos "incrustados" en el correo y las etiquetas HTML en general. <br /><br />Dicho esto, creo que es misión imposible tratar de anticipar la reacción de cada usuario y su plataforma, además de que esto cambia cada año! Está complicado.Usher webhttps://www.blogger.com/profile/03794928713408326194noreply@blogger.comtag:blogger.com,1999:blog-4714735783718459057.post-20452378935243403212017-11-23T19:09:54.085-07:002017-11-23T19:09:54.085-07:00A lo que preguntaba Mandrake (por allá el 2015, je...A lo que preguntaba Mandrake (por allá el 2015, jeje) hay que tener cuidado con la part de "aqui va el codigo base 64". Lo digo porqué para JPGs es diferente que para PNGs... no entiendo los detalles técnicos exactos de este asunto, pero los JPG acaban con ciertos caracteres (a modo de sufijo) y los PNG con otros, y creo que también sucede algo parecido con los carácteres previos.<br /><br />Sorry, nunca me he dado el tiempo de buscar la pregunta exacta a este detalle. Si alguien tiene a mano un enlace con buena información... que comparta! :)Usher webhttps://www.blogger.com/profile/03794928713408326194noreply@blogger.comtag:blogger.com,1999:blog-4714735783718459057.post-73264762509450027402017-11-23T18:45:40.399-07:002017-11-23T18:45:40.399-07:00Excelente truco, me podrías comentar si se puede a...Excelente truco, me podrías comentar si se puede aplicar con cualquier tipo de correo como <a href="https://hotmailcrearcuentas.com" rel="nofollow">hotmail</a> o gmail? De ahí en fuera, un muy buen aporte, te felicito.Amandahttps://www.blogger.com/profile/03555303623435886261noreply@blogger.comtag:blogger.com,1999:blog-4714735783718459057.post-8440982053425338122015-11-06T05:21:16.008-07:002015-11-06T05:21:16.008-07:00Buen día en mi caso y siguiendo el ejemplo de crea...Buen día en mi caso y siguiendo el ejemplo de crear el HTML y en la etiqueta <img id='logo' src="data:image/jpg;base64,AQUI VA EL CODIGO BASE64//> si envia el correo pero la imagen no se visualiza en el html que envio como mensaje me aprece solo un cuadrito de la imagen mas no la imagen alguien que me pueda ayudar. NOTA: el envio de correo lo hago en java Message message = new MimeMessage(getSession()); y transport.send(message)Mandrakehttps://www.blogger.com/profile/14003794749690843773noreply@blogger.comtag:blogger.com,1999:blog-4714735783718459057.post-19073223592664009062014-07-17T08:27:40.720-07:002014-07-17T08:27:40.720-07:00gracias por ayudar a las personas a aprender a com...gracias por ayudar a las personas a aprender a como se puede incrustar una imagen de logotipo en su blog, aunque puede ser una tarea dificil para alguien que no sabe manejar el html, es algo se debe hacer para que tu sitio tenga tu sello personal.<br /><br /><a href="%E2%80%9D" rel="nofollow"> imagenes chistosas</a>roberth caicedohttps://www.blogger.com/profile/17822357515188015354noreply@blogger.comtag:blogger.com,1999:blog-4714735783718459057.post-70973577955444787842012-11-25T10:45:46.055-07:002012-11-25T10:45:46.055-07:00Eso que importa... ese navegador solo sirve para d...Eso que importa... ese navegador solo sirve para descargar otros navegadores..empezandoconjavahttps://www.blogger.com/profile/04557545454248831631noreply@blogger.comtag:blogger.com,1999:blog-4714735783718459057.post-86966308295092140072012-06-15T13:11:44.932-07:002012-06-15T13:11:44.932-07:00Muchas gracias por tu ejemplo. me sirvió mucho en ...Muchas gracias por tu ejemplo. me sirvió mucho en mi proyecto de ExtJS 4xxBasuraxxhttps://www.blogger.com/profile/00632913470041257167noreply@blogger.comtag:blogger.com,1999:blog-4714735783718459057.post-65958462589316231172011-09-05T17:59:47.735-07:002011-09-05T17:59:47.735-07:00Hola Reymon, pues justo debajo de ese párrafo que ...Hola Reymon, pues justo debajo de ese párrafo que has citado hay un ejemplo de cómo hacerlo. No entiendo en qué punto te quedas encallado. Sé más explícito con tu pregunta.Usher webhttps://www.blogger.com/profile/03794928713408326194noreply@blogger.comtag:blogger.com,1999:blog-4714735783718459057.post-53542780744457868832011-09-05T16:50:33.347-07:002011-09-05T16:50:33.347-07:00carnal me que en este paso:
construir un código ...carnal me que en este paso: <br /><br />construir un código HTML que inserte nuestro logotipo en base64. Para ello puedes simplemente elaborar ese código HTML trabajando con la imagen tal como lo harías habitualmente (src="http://....") y luego reemplazaremos el src por el código en base64 de esa imagen.<br /><br />me puedes ayudar<br />salu2Anonymousnoreply@blogger.comtag:blogger.com,1999:blog-4714735783718459057.post-84863077395826600132011-06-23T16:23:33.703-07:002011-06-23T16:23:33.703-07:00La intension fue muy buena, mi objetivo era enviar...La intension fue muy buena, mi objetivo era enviar un correo desde una pagina web incrustando una imagen. Probando la visualizacion en Firefox excelente, pero debido a un comentario hice la prueba de visualizacion en Internet Explorer pero no funciono, asi que probe de todas maneras el envio del correo pero en outlook, hotmail y gmail, llega el cuadrito que identifica la imagen, pero la imagen no se visualiza ni haciendole click. Lastima porque me habria sido de gran utilidad. tuve que subir la imagen a internet y vincularla al correo... kabedoyaAnonymousnoreply@blogger.comtag:blogger.com,1999:blog-4714735783718459057.post-16631072476835112802011-05-09T08:48:13.426-07:002011-05-09T08:48:13.426-07:00Tienes razón Anónimo, en que algunas veces no se m...Tienes razón Anónimo, en que algunas veces no se muestra la imagen. No me preguntes el porqué. Hace tiempo que escribí este artículo y desde entonces no he conseguido mucho más. <br /><br />Me imagino que las medidas anti-spam se han ido perfeccionando tanto que posiblemente muchos lectores de correo ya no permiten DE NINGUNA DE LAS MANERAS mostrar imágenes sin pedir permiso al usuario.<br /><br />Así es la vida: que por culpa de 4 que quieren hacer daño tenemos que aguantarnos la mayoría. Pero en fin, de todas maneras, me consta que el método expuesto en este artículo funciona la mayoría de las veces (no sabría darte un porcentaje). <br /><br />Mi consejo es que siempre pongas al incio de tu email algo como: "este correo contiene imágenes interesantes para el contenido, si no puedes visualizarlas pulsa el siguiente enlace o engánchalo en tu navegador" ;)<br /><br />Si alguien tiene algún apunte sobre algún método más eficaz, que nos deje un enlace por aquí ;)<br /><br />Saludos!<br />SERGIUsher webhttps://www.blogger.com/profile/03794928713408326194noreply@blogger.comtag:blogger.com,1999:blog-4714735783718459057.post-45841869599809808082011-05-09T08:34:07.282-07:002011-05-09T08:34:07.282-07:00he probado lo que comenta el amigo del tuturial y ...he probado lo que comenta el amigo del tuturial y no finciona osea se envia bien pero no funciona al abrir el correo, llega pero no se abre directamente con la imagenAnonymousnoreply@blogger.comtag:blogger.com,1999:blog-4714735783718459057.post-68741214601871565072010-10-17T02:15:27.722-07:002010-10-17T02:15:27.722-07:00seguimos sin saber si funciona o no en IE verdad??...seguimos sin saber si funciona o no en IE verdad???Anonymousnoreply@blogger.comtag:blogger.com,1999:blog-4714735783718459057.post-48539038377793103202009-09-25T10:42:57.203-07:002009-09-25T10:42:57.203-07:00Sergi no había visto tu último mensaje, lo siento,...Sergi no había visto tu último mensaje, lo siento, si que funciona lo que has explicado.<br /><br />Muchas gracias por tu ayuda.<br /><br />Sinceramente agredecido. SaludosAnonymousnoreply@blogger.comtag:blogger.com,1999:blog-4714735783718459057.post-56407285993206824272009-09-25T10:40:07.874-07:002009-09-25T10:40:07.874-07:00Lo siento sergi, quizás no me he explicado bien......Lo siento sergi, quizás no me he explicado bien... El problema es que no puedo visualizar la imagen, porque el servidor de correo de mi novia, compacta el email en un archivo sin extensión donde está todo el código fuente y la imagen codificada a base 64. Lo único que tengo es el código, pero no se como obtener la fotografía, he intentado seguir todos los pasos que has indicado, pero no consigo visualizar la imagen a partir del código.<br /><br />Un saludo y gracias por tu ayuda y por tus respuestasAnonymousnoreply@blogger.comtag:blogger.com,1999:blog-4714735783718459057.post-13727087767721543122009-09-25T10:36:59.408-07:002009-09-25T10:36:59.408-07:00@Raúl: releyendo tu comentario he pensado que tal ...@Raúl: releyendo tu comentario he pensado que tal vez no te entendí bien, porque parece que tal vez no llegas ni siquiera a poder ver las fotos en el correo, no? es decir, SOLAMENTE ves el codigo en base64 ??!<br /><br />Si es así, te he probado otra solución ;)<br /><br />En la misma página que menciono en el artículo "Base64 online" te permiten las dos operaciones: pasar de foto a base64 y al revés!!!!<br /><br />http://www.motobit.com/util/base64-decoder-encoder.asp<br /><br />Para pasar de base64 a foto solo has de cambiar algunas cosas del formulario de la página:<br /><br />1. abre el código original del mensaje de email y copia en el portapapeles el codigo base64 de la foto<br />2. en la web de arriba pega ese código (es bastante largo) en la casillota más grande, obviamente.<br />3. donde pone "What to do with the source data: " marca la opción "DECODE"<br />4. donde pone "Output data: " marca "EXPORT TO A BINARY FILE", y en la casilla a su derecha escribe algo como "mi_foto.jpg"<br />5. haz clic en el botón "convert the source data"<br />6. tu navegador entonces descargará un archivo, que es la foto ;)<br /><br />Ahora creo que sí te ayudé :))<br />Saludos!<br />SERGIUsher webhttps://www.blogger.com/profile/03794928713408326194noreply@blogger.comtag:blogger.com,1999:blog-4714735783718459057.post-4230831369832253102009-09-25T10:27:00.541-07:002009-09-25T10:27:00.541-07:00@Raúl: bienvenido a mi blog, en el cuál escribo mu...@Raúl: bienvenido a mi blog, en el cuál escribo muy de tanto en tanto, solamente cuando tengo algo realmente original que aportar... entiéndase cuando me he hecho un harto de buscar y leer para encontrar solución a un problema concreto, y entonces escribo un artículo para compartir lo que aprendí ;) <br /><br />Respondiendo a tu pregunta, te diría lo que yo hago en situaciones similares. No es una solución muy elegante, pero sí muy práctica y fácil, jejeje... por algo se dirá que "lo mejor es enemigo de lo bueno"...<br /><br />Bueno, la solución es así: <br /><br />1. visualiza el email que contiene la imagen embebida en base64, ya sea en tu programa de correo o en una web.<br />2. haz una captura de pantalla<br />3. usa un editor de imágenes para recortar la foto en la captura<br /><br />Fácil, no? ;)<br />Entiendo que es una solución "manual", en el sentido de que si quisieras hacerlo de forma automática con un script no serviría... pero en fin, en tu caso si sirve.<br /><br />Un saludo!<br />SERGIUsher webhttps://www.blogger.com/profile/03794928713408326194noreply@blogger.comtag:blogger.com,1999:blog-4714735783718459057.post-21219118260372029252009-09-25T10:12:56.679-07:002009-09-25T10:12:56.679-07:00Hola a todos, es muy interesante esta página, el ú...Hola a todos, es muy interesante esta página, el único sitio que he podido encontrar donde quizás me puedan ayudar. Estoy recibiendo unos correos que me manda mi novia con unas fotos codificadas a base 64. La información la leo en el código fuente del email, pero no puedo ver las imágenes. ¿hay alguna forma de convertir el código en imagen y poder así recuperar la foto en jpg? He probado haciendo el truco de hotmail con texto html, pero no me funciona.<br /><br />Gracias espero me podais ayudarAnonymousnoreply@blogger.comtag:blogger.com,1999:blog-4714735783718459057.post-1207766191786386252009-08-22T23:50:45.589-07:002009-08-22T23:50:45.589-07:00muchas graciasmuchas graciasAnonymousnoreply@blogger.comtag:blogger.com,1999:blog-4714735783718459057.post-78207698373202692022009-08-22T17:02:53.933-07:002009-08-22T17:02:53.933-07:00"Usher web dijo...
Si utilizas habitualmente..."Usher web dijo...<br /><br />Si utilizas habitualmente correo web (Hotmail, Yahoo, Terra, etc...) en lugar de un programa de escritorio (Thunderbird, Outlook, etc), se me ocurren dos maneras para poder insertar una firma HTML como la que he detallado en el articulo:<br /><br /> - la opción que seguro te va a funcionar es: create la firma y enviala una sola vez desde un programa de correo de escritorio a tu cuenta de correo web. Luego guardas ese email como "borrador" o "plantilla" y así te sirve cuando quieras para escribir nuevos emails con tu firma ;)<br /><br /> - la otra opción no sé si siempre será posible (dependerá del servicio de correo web que utilices), en Hotmail si veo que funciona: cuando estés redactando un nuevo email, busca en el menú de edición del mismo una opción como "editar en HTML". De hecho, en Live de Hotmail se ve un "botón desplegable" que dice "texto enriquecido", y al hacer clic se despliega una lista con otros 2 modos de edición: "Editar en HTML" y "Texto sin formato". Solamente debes escoger el modo HTML, que es el que te permite insertar etiquetas HTML como las que explico en el articulo ;)<br /><br /> Espero que te sirva. De todas formas, se agradecerán comentarios que complementen lo dicho por mí o que muestren otras vías alternativas :)<br /><br /> un saludo,<br /> SERGI"Anonymousnoreply@blogger.comtag:blogger.com,1999:blog-4714735783718459057.post-32848308613708768232009-08-07T08:52:54.616-07:002009-08-07T08:52:54.616-07:00Usher web tengo un problema, yo tengo una cuenta d...Usher web tengo un problema, yo tengo una cuenta de correo hotmail, pero al poner el código me dice que es muy largoAnonymousnoreply@blogger.comtag:blogger.com,1999:blog-4714735783718459057.post-59895161824295440922009-05-25T05:06:25.850-07:002009-05-25T05:06:25.850-07:00Hola
Recomiendo que pruebes E-nvía. Es una herram...Hola<br /><br />Recomiendo que pruebes E-nvía. Es una herramienta Online para la creación de Mailings, Newsletters y Boltines Electrónicos.<br />La herramienta permite la creación y gestión de Campañas por Internet con Seguimiento de Resultados/Estadisticas, personalización, entre otras funcionalidades.<br /><br />En la pagina web de E-nvía hay un link para crear una cuenta de prueba para conocer la herramienta sin cargo y sin compromiso.<br /><br />La herramienta fue desarrollada para que no requiera conocimientos técnicos y es bastante fácil de utilizar.<br /><br />En la misma, hay un blog con recomendaciones para la realización de un HTML (optimizado para envío de correos).<br /> <br />Cualquier duda, nos escribe o llama al 93 534 8842 y estaremos encantados de ayudarle.Anonymousnoreply@blogger.comtag:blogger.com,1999:blog-4714735783718459057.post-38594870361013460492009-03-09T19:10:00.000-07:002009-03-09T19:10:00.000-07:00Por poder... puedes insertar el código HTMl que tú...Por poder... puedes insertar el código HTMl que tú quieras, como por ejemplo una etiqueta EMBED para incluir una película flash. Lo que pasa es que lo que no es tan seguro es que el destinatario del email vaya a poder "reproducir" esa película Flash!!<BR/><BR/>Es decir, me imagino (no lo he probado) que si el destinatario consulta su correo en una web (es decir, usa webmail) es decir, tu email se visualizará en un navegador de páginas web, entonces no creo que haya problemas para que se reproduzca el flash que hayas incluido en tu email.<BR/><BR/>Sin embargo, si el destinatario utiliza un programa de escritorio para leer sus correos (Thunderbird, Outlook, etc.) no creo que vaya a reproducirse el flash!!! Piensa que la reproducción de una película flash depende de que el programa que abre el correo utilice el PLUGIN DE FLASH, y creo que los programas de correo no lo usan ;)<BR/><BR/>Creo que aspirar a inculir un Flash en tus emails ya es pedir demasiado ;) Siempre te queda el recurso de poner en el email una frase del tipo: "Para visualizar correctamente este email haga clic aquí" y enlazar esa frase con una URL en la que hayas puesto el email HTML con Flash y todo :)))<BR/><BR/>SERGIUsher webhttps://www.blogger.com/profile/03794928713408326194noreply@blogger.comtag:blogger.com,1999:blog-4714735783718459057.post-25644884025945430182009-03-09T18:54:00.000-07:002009-03-09T18:54:00.000-07:00para insertar contenido flash .swf se puede?para insertar contenido flash .swf se puede?Anonymousnoreply@blogger.comtag:blogger.com,1999:blog-4714735783718459057.post-70333042593043057552009-01-27T18:39:00.000-07:002009-01-27T18:39:00.000-07:00Siento haber tardado unos días en responderte, per...Siento haber tardado unos días en responderte, pero he andado bastante ocupado. Sin embargo, la pregunta me parece muy interesante.<BR/><BR/>Y la respuesta es muy sencilla. Si utilizas habitualmente correo web (Hotmail, Yahoo, Terra, etc...) en lugar de un programa de escritorio (Thunderbird, Outlook, etc), se me ocurren dos maneras para poder insertar una firma HTML como la que he detallado en el articulo:<BR/><BR/>- la opción que seguro te va a funcionar es: create la firma y enviala una sola vez desde un programa de correo de escritorio a tu cuenta de correo web. Luego guardas ese email como "borrador" o "plantilla" y así te sirve cuando quieras para escribir nuevos emails con tu firma ;)<BR/><BR/>- la otra opción no sé si siempre será posible (dependerá del servicio de correo web que utilices), en Hotmail si veo que funciona: cuando estés redactando un nuevo email, busca en el menú de edición del mismo una opción como "editar en HTML". De hecho, en Live de Hotmail se ve un "botón desplegable" que dice "texto enriquecido", y al hacer clic se despliega una lista con otros 2 modos de edición: "Editar en HTML" y "Texto sin formato". Solamente debes escoger el modo HTML, que es el que te permite insertar etiquetas HTML como las que explico en el articulo ;)<BR/><BR/>Espero que te sirva. De todas formas, se agradecerán comentarios que complementen lo dicho por mí o que muestren otras vías alternativas :)<BR/><BR/>un saludo,<BR/>SERGIUsher webhttps://www.blogger.com/profile/03794928713408326194noreply@blogger.com