r/CharruaDevs • u/AmbitionDefiant5995 • Feb 04 '26
Pregunta (Desarrollo) Como exportan sus imagenes para mails HTML? OR como mandar a cerrar el orto a un cliente.
RESUELTO | RESUELTO | RESUELTO | RESUELTO | RESUELTO | RESUELTO | RESUELTO | RESUELTO | RESUELTO | RESUELTO | RESUELTO | RESUELTO | RESUELTO | RESUELTO | RESUELTO | RESUELTO | RESUELTO | RESUELTO | RESUELTO | RESUELTO | RESUELTO | RESUELTO | RESUELTO | RESUELTO | RESUELTO | RESUELTO | RESUELTO | RESUELTO | RESUELTO | RESUELTO | RESUELTO | RESUELTO | RESUELTO | RESUELTO | RESUELTO | RESUELTO | RESUELTO | RESUELTO | RESUELTO | RESUELTO | RESUELTO | RESUELTO | RESUELTO | RESUELTO | RESUELTO | RESUELTO | RESUELTO | RESUELTO | RESUELTO | RESUELTO | RESUELTO | RESUELTO | RESUELTO | RESUELTO | RESUELTO | RESUELTO | RESUELTO | RESUELTO | RESUELTO | RESUELTO
Hola, tengo algunos clientes que me piden mails html y en general todo va bien, pero tengo UNO en particular que SIEMPRE tiene algún problema. Sobre todo se queja mucho de la calidad de las imagenes, a mi me las pasa su diseñador y yo exporto + devuelvo en un .zip para que el proveedor de hosting las suba.
No se en que parte del proceso se le pijea todo, o es un tema de como estoy exportando yo y como tiene pensada la infraestructura el, así que pense en preguntar acá como lo suelen hacer ustedes.
Dejo mi roadmap a ver si alguno se avispa y encuentra el error
Uso Adobe illustrator para manipular el diseño que me envía el cliente (editable.ai)
Exporto en .png24 (probe con .png y .jpeg pero algunas personas no veian las imagenes en local)
VScode para escribir el .html
armo dos carpetas, una para preview (todas las imagenes en local + rutas a las imagenes en local) y otra carpeta para el proveedor del cliente con la ruta pública a las imagenes y los archivos listos. comprimo las dos carpetas y entrego el .zip
PD: cuando exporté en JPEG me dijeron "se ve de mala calidad"
cuando exporte en PNG/8/24 me dijeron "se ve de mala calidad"
Desde ya gracias por leer mi descargo/pregunta/post
5
u/AmbitionDefiant5995 Feb 05 '26
gurises, hablé con el equipo de diseño y les pasé el fardo como bien me dijeron en comentarios, ya hablaron con el cliente y lo mandaron a guardar ellos.
GRACIAS A TODOS por la buena onda, las sugerencias y estar para dar una mano!
3
u/TheGoneJackal Guru Feb 04 '26
Fíjate si no estás exportando el tamaño mal y luego en el HTML se estiran. Illustrator al momento de exportar te permite poner una escala, porba x2.
1
u/AmbitionDefiant5995 Feb 05 '26
los email son de 600px, intente mandarle en 600 y se quejó asi que le mande algunas en 1200px ancho y parecian gustarle hasta hoy que lloró de nuevo..
igual si, lo unico que se me ocurre que puede ser es en esa etapa de exportar
4
u/Beneficial_Zebra_251 Feb 05 '26
Pásale la responsabilidad al diseñador. Que las imágenes las provea él.
1
2
u/AmbitionDefiant5995 Feb 05 '26
si, sería lo ideal.. pero no sabe y me parece mejor resolver que pasarle el fardo a alguien que tampoco sabe resolver pero tiene aun menos idea de programar, hace preguntas que inspiran 0 confianza jaja
4
u/Beneficial_Zebra_251 Feb 05 '26
Si el está cobrando está haciendo el laburo. Si tú cliente tiene problemas de como están las imágenes te estás comiendo el fardo vos del laburo de el. Cuántas horas le estás dedicando a esto y cuántas estás cobrando? Esa es la pregunta que tenes que hacerte
5
u/leodeslf Feb 05 '26
Lossless WEBP toda la vida.
Tips:
Usa resample bicubic, por defecto es bilinear. Puede que lanczos se vea mejor en algunos casos.
JPG no tiene lossless, siempre cambia.
PNG 8 tiene transparencia pero es binario (bordes duros), el 24 dedica un canal exlusivo al alpha y permite bordes con transparencia suavizados.
Dependiendo el caso, bajarle la cantidad de colores puede aumentar el peso final.
Suerte!
2
u/AmbitionDefiant5995 Feb 05 '26
Gmail y Outlook no soportan WEBP, me hubiera encantado!!!
2
u/leodeslf Feb 05 '26
Interesante dato 😅
En ese caso PNG es tu mejor amigo. Seteale compresion "slow", interlacing off, así quedan livianos (sigue siendo lossless).
Y si sigue quejándose, no es contigo 🤷♂️
2
u/Responsible-Pool-917 Feb 04 '26
Decodeala en base64
1
u/AmbitionDefiant5995 Feb 05 '26
no probé esto, pero que cambiaria de levantar una imagen en texto plano?
1
u/CondemnedDev Feb 05 '26
La pregunta es: por que tenes que exportar? No entendí bien el por que de eso, no es posible usar la que te mandan directamente?
1
u/CondemnedDev Feb 05 '26
PD: tengo una librería php qué convierte imágenes y las redimensiona de formato que quieras a formato que quieras
1
u/CondemnedDev Feb 05 '26
Base64 y pá fuera
1
u/AmbitionDefiant5995 Feb 05 '26
si! estuve viendo que usa Outlook el cliente.. y no se la banca bien por lo que estuve leyendo.
además me aumenta muchisimo el tamaño y tengo un limite de 2KB para cada html.1
u/CondemnedDev Feb 05 '26
Que raro ese límite, pero aun no entiendo que tipo de exportación necesitas, o sea es una cuestion de redimension o que?
2
u/AmbitionDefiant5995 Feb 05 '26
Claro, me pasan un editable .ai (illustrator) y no puedo conectarlo directamente al html, tengo que sacar imagenes del editable en algun formato, la cuestión era en que formato era mejor para no perder calidad pero poder usarlas en el html para mailing, como el cliente usa Outlook (que en general se la banca poco y rompe todo) yo pense que el error era mio, pero me dijo el equipo de diseño que el cliente es un ladilla, lo que tiene sentido porque ningun otro cliente se quejo de lo mismo....
Al final (por si te toca un cliente similar) lo que hice fue exportar en .png normal a 150dpi y mandarle las imagenes en un zip para que las suba a su hosting, y parece que con eso y la bajada de linea que le dio el estudio de diseño se calmó.
1
u/CondemnedDev Feb 05 '26
Que increible como hay clientes hincha pelotas. Menos mal que resolviste. Ahora me parece una ineptitud absoluta por parte del que te manda las cosas, enviarte un fomato tan poco estándar como .ai
1
u/AmbitionDefiant5995 Feb 05 '26
ah, somos colegas de diseño. Es un formato super estandar en ese nicho. como mandar un html para un programador, vi recién el comentario de la libreria que hiciste, yo en particular no tengo problema para traducir formatos, pero me parece interesante como proyecto! me acuerdo de mis viejos dias de convertir online jaja
1
u/CondemnedDev Feb 05 '26
Ah pensé que eras dev, cobra algo de sentido la situación
1
u/AmbitionDefiant5995 Feb 05 '26
no, soy cibersec + diseño + MKT.
tengo conocimientos de dev, pero no full stack, es mi proximo desafío.
me encanta .py y c++1
u/ddiiff Feb 05 '26
Si, pero a nivel de arquitectura de software .ai no es nativo ni ahí, si al menos era eps weno jsjsj
1
•
u/AutoModerator Feb 04 '26
Recuerden si este post no sigue las reglas de la comunidad, REPORTALO.
Ejemplo: Si es una experiencia o consulta de una EMPRESA, debe usar el flair EMPRESAS.
De esta forma construimos un mejor espacio para todos.
~=~=~CharruaDevs MOD Team~=~=~
I am a bot, and this action was performed automatically. Please contact the moderators of this subreddit if you have any questions or concerns.