Cómo convertir imágenes a html?

Question

¿Hay una manera de convertir una imagen a un html equivalente de la imagen, por tener una mesa de html dividido en muchas células que tienen cada uno un determinado color de fondo que actuaría como píxeles de una imagen? Muy parecido al arte ASCII.

me gustaría ver esto como una manera de tener un logo corporativo en una firma de correo electrónico sin tener que preocuparse por clientes de correo electrónico de bloqueo imágenes.

Answer 1

Sí, un montón de personas que han hecho esto: http://pgl.yoyo.org/img2html/ es un ejemplo.

Answer 2

Quizás lo que necesita es simplemente convertir su imagen al formato URI.

<img src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAUA 
AAAFCAYAAACNbyblAAAAHElEQVQI12P4//8/w38GIAXDIBKE0DHxgljNBAAO 
9TXL0Y4OHwAAAABJRU5ErkJggg==" alt="Red dot"> 

http://jsfiddle.net/z6FFc/

Answer 3

probar la "imagen a HTML Converter para correo electrónico" de STYLECampaign. Si recuerdo bien, obtendrás un enlace de descarga a cambio de suscribirte a su boletín en stylecampaign.com. La herramienta funciona bien, tiene escala y compresión; aquí hay una publicación de blog http://bit.ly/Jhf1CK y una guía de video que explica sugerencias y retrocesos: http://www.youtube.com/watch?v=VSi51yLQFnc

Answer 4

Me advierto contra intentar este tipo de truco.

Una simple regla con hacer las cosas 'inteligente' con el correo electrónico es primero en preguntar "¿Los spammers utilizan esta misma técnica?". Si la respuesta es sí, puede estar seguro de que los ISP están atendiendo sus filtros al correo basura que lo contiene.

En el caso de engañar a las imágenes en donde se presentan, ya sea con el truco de base 64 o pixeldivs, estas técnicas se han utilizado durante años por los spammers y puede dañar su reputación enviar.

Si la empresa en cuestión tiene una buena conexión con el destinatario, estarán encantados de mostrar imágenes. Muchos clientes, como gmail, habilitarán las imágenes una vez que hayas respondido o añadido a los contactos. Además, el uso de técnicas como DKIM para firmar sus encabezados, el uso de un remitente confiable o el pago de la certificación ReturnPath pueden elevar su reputación lo suficiente como para anular el bloqueo de imágenes en la mayoría de los principales ISP.

Answer 5

Tom Walsh, ¿qué te hace pensar que siempre son los ISP los que bloquean las imágenes? ¿Qué pasa con los clientes de correo electrónico? El 80% de los correos electrónicos tienen imágenes bloqueadas por defecto. Confiar en los usuarios para que tengan el esfuerzo, o el conocimiento para cambiar estas configuraciones es una mala idea.

El uso de algunos servicios como MailChimp, le dan una nueva dirección de correo electrónico cada vez que envíe, por lo tanto, no se puede añadir al menos un remitente seguro. Técnicas como las mencionadas son una excelente forma de obtener una lista de correo electrónico, que ya ha sido seleccionada por completo, para recibir una versión semi-pictórica de su correo electrónico con el fin de atraerlos para que descarguen imágenes.

Ese enlace superior funciona. Usé un JPG, no estoy seguro de qué formato acepta. Para que lo sepas, esto hace que el archivo sea un poco más grande que un JPG normal. Considere si vale la pena usarlo para imágenes más grandes, pero para una firma de correo electrónico, puedo ver que es un uso decente. Me he dado cuenta de que a veces cuando responde, firmas rompen ... taaaaan .... ten en cuenta que podría terminar con una carga de <tr><td>A</td></tr>

Última advertencia ... si su firma de correo electrónico se rompió y terminan en forma de código ... tenga en cuenta que el valor predeterminado para el enlace superior es "asno", por lo tanto ... algunos clientes pueden considerar ofensivo. Tal vez cambiarlo por el nombre de su empresa. Y recuerde que hacer un enlace para esta imagen de la tabla va a (a) tomar un tiempo y (b) mayormente inflar este código por segunda vez.

Answer 6

Intente convertir a html/css. Es más compacto que base64 y aunque todavía no lo he probado, debería funcionar. Utiliza css para crear una imagen sin necesidad de nada externo. No prestes atención a la parte superior, ese es el lugar donde está el código que hace todo el trabajo. Presta atención a la parte inferior. https://codepen.io/blazeeboy/pen/bCaLE

no code. just something I have to do to get the post online.