Compartir imágenes con marca en Slack y Teams: mantén los logotipos nítidos en tamaño miniatura

Pasas dos horas en Figma perfeccionando un icono de espacio de trabajo, lo exportas como PNG de 1024 píxeles, lo arrastras al panel de configuración del espacio de trabajo de Slack, y la versión de la barra lateral móvil que 400 compañeros ven cada mañana parece un borrón de píxeles con halos alrededor de la marca. Luego alguien del equipo de diseño publica una captura de pantalla de 14 MB de un panel de Looker en el canal de ingeniería, y toda la aplicación móvil se bloquea durante 12 segundos mientras los clientes descargan el PNG completo antes de poder desplazarse. Ambos problemas son el mismo problema disfrazado de manera diferente: Slack y Microsoft Teams comprimen, redimensionan y recomprimen cada imagen que subes, y las plataformas deciden cómo se ve tu imagen, no tú.

Slack y Teams apuntan a cargas útiles pequeñas para que las miniaturas se carguen rápido en miles de canales, y aplican su propia recodificación JPG además de lo que envíes. Aplanan la transparencia. Redimensionan con relaciones no enteras en dispositivos Retina. Eliminan el crédito IPTC que incrustaste con cuidado. Si quieres que tus activos de marca se vean intencionales en lugar de borrosos, y si quieres que tus canales sigan siendo rápidos para el compañero que lee en un tren, necesitas enviar archivos que ya coincidan con el objetivo de visualización al que apunta la plataforma. Esta guía recorre cada superficie, cada límite y cada regla silenciosa que las dos plataformas aplican para que tus activos dejen de llegar rotos.

Por qué tu logotipo se ve bien en el escritorio pero terrible en el móvil

Slack renderiza los iconos de espacio de trabajo a 132x132 píxeles en la barra lateral, pero en un dispositivo móvil Retina los reduce desde una fuente de 264x264. Teams hace un escalado de densidad 2x similar para pantallas de alta DPI. Si subes un PNG de 512x512 con fondo transparente, Slack lo aplana al color de su tema, lo recodifica a JPG aproximadamente al 75 por ciento de calidad, y la reducción resultante produce halos visibles alrededor del texto fino. La solución es pre-aplanar sobre el color de fondo exacto que usa tu espacio de trabajo y exportar a 2x el tamaño de visualización final, no a 8x.

Antecedentes: cómo las plataformas de chat se volvieron intensivas en imágenes

Cuando Slack se lanzó en 2013, los canales eran principalmente texto más un puñado de capturas de pantalla pegadas. Para 2026, el hilo de mensaje promedio de Slack lleva de 4 a 8 imágenes en línea, y Teams ha superado a Slack como la plataforma de chat empresarial dominante con patrones similares de uso intensivo de imágenes. El tráfico de imágenes ahora representa aproximadamente el 60 por ciento del ancho de banda total del chat en ambas plataformas. Los canales de ingeniería comparten paneles de Looker y Datadog como capturas de pantalla en línea. Los canales de marketing comparten maquetas de campañas y revisiones de activos. Los canales de ventas comparten capturas de pantalla de la competencia y material de prospectos. El resultado es que cada equipo opera un pipeline de imágenes improvisado a través del chat, sin que nadie diseñe el pipeline para la calidad o el peso.

Especificaciones recomendadas para las cuatro superficies de imagen

Iconos de espacio de trabajo: mínimo 250x250 píxeles, cuadrados, JPG aplanado de menos de 100 KB. Avatares de usuario: 192x192 píxeles, cuadrados, JPG de menos de 80 KB para que la aplicación móvil los cargue al instante en canales largos. Banners de canal (Teams): 1920x480 píxeles para el héroe ancho, calidad JPG 80, archivo objetivo de menos de 250 KB. Capturas de pantalla en línea en mensajes: 1600 píxeles en el lado largo es más que suficiente, ya que ambas plataformas reducen cualquier cosa más grande. Usa PNG a JPG para aplanar logotipos transparentes contra el color de tu marca antes de subirlos.

Los límites de tamaño de archivo que ralentizan silenciosamente los canales grandes

Slack Enterprise Grid tiene un límite de carga de 1 GB por archivo, pero la cuota de archivos adjuntos por canal es lo que realmente afecta. Los espacios de trabajo gratuitos de Slack comparten un grupo de archivos total de 5 GB, y una vez que lo superas, los archivos adjuntos antiguos dejan de cargarse por completo. Teams tiene un límite de 250 MB por archivo y un límite de SharePoint por inquilino que varía según el plan. El punto es: no envíes una captura de pantalla PNG de 12 MB de un panel cuando un JPG de 800 KB se habría visto idéntico. Procesa los activos pesados a través de compresor JPG antes de pegarlos en un canal que 200 personas revisan a diario.

Capturas de pantalla en línea: el formato que Slack realmente prefiere

Slack acepta PNG, JPG, GIF, HEIC, WebP y media docena de otros formatos, pero convierte casi todo a JPG para las vistas previas en miniatura. Si pegas un PNG de 5 MB de un panel de Looker, cada visor descarga el original completo en la primera vista previa. Un JPG de 600 KB del mismo panel se vería visualmente idéntico en el tamaño de miniatura y en el tamaño de expansión modal. Usa convertidor de imágenes para convertir por lotes directorios de capturas de pantalla PNG antes de subirlas en masa.

Calcular tu presupuesto de KB antes de exportar

Una regla segura para un icono de espacio de trabajo de Slack es mantenerse por debajo de 100 KB; para un banner de canal de Teams, por debajo de 250 KB; para capturas de pantalla en línea, por debajo de 1 MB. Si necesitas predecir el tamaño de archivo de un JPG a una calidad y resolución determinadas antes de exportar, calcula los números con la calculadora de tamaño de archivo de imagen. Te da un control deslizante de calidad JPG que se asigna a la salida esperada en KB, lo que ahorra el ciclo de exportar-probar-re-subir.

GIF animados versus bucles MP4

Slack reproduce automáticamente los GIF, pero los pausa al pasar el ratón solo después del primer bucle. Teams convierte los GIF subidos en vistas previas de video HTML5 en el cliente de escritorio. Si tu GIF tiene más de 5 MB, los clientes móviles recurren a una miniatura estática del primer fotograma hasta que el usuario toca. Mantén los GIF por debajo de 5 MB y 800 píxeles de ancho, o conviértelos a MP4 para cualquier animación de más de 4 segundos.

Los metadatos que Slack elimina y lo que conserva

Slack elimina los datos EXIF de GPS y cámara de cada JPG subido, lo cual es bueno para la privacidad, pero significa que tus derechos de autor IPTC y créditos incrustados cuidadosamente desaparecen. Teams se comporta de manera similar. Si necesitas verificar qué metadatos sobreviven a un viaje de ida y vuelta de subida, descarga el archivo de vuelta del canal e inspecciónalo con información de imagen. Verás que el recodificador de la plataforma elimina casi todo excepto las etiquetas básicas de perfil de color y orientación.

Lista de verificación para migración de iconos de espacio de trabajo

Cuando renueves o rote un icono de espacio de trabajo, exporta un maestro de 1024x1024 en tu herramienta de diseño, aplánalo sobre el color de fondo de la marca, reduce a 250x250 y exporta como JPG de calidad 85. El archivo resultante debe tener menos de 60 KB. Súbelo, luego verifica la apariencia en iOS, Android y escritorio. Si la versión de la barra lateral móvil de 48x48 se ve borrosa alrededor del texto, tu maestro tenía demasiado detalle fino; simplifica la marca antes de reexportar.

Emojis personalizados e imágenes de reacción

Los emojis personalizados de Slack se suben a 128x128 píxeles y tienen un límite de 128 KB por archivo. Los emojis animados (GIF o APNG) tienen un límite total de 128 KB. La mayoría de los sets de emojis de marca se exportan como PNG y se suben directamente, pero si tu diseño usa transparencia de forma problemática (un logo blanco sobre fondo transparente que desaparece en temas claros), deberías aplanarlo contra un gris neutro o usar un escudo de color. Prueba tu emoji personalizado en los temas claro y oscuro de Slack antes de implementarlo en todo el espacio de trabajo.

Paso a paso: cómo enviar un icono de espacio de trabajo de Slack seguro para la marca

1. Exporta al doble. Desde Figma, Illustrator o tu herramienta de diseño, exporta el icono a 500x500 píxeles (el doble del objetivo de visualización de 250x250).
2. Aplana la transparencia. Compón la ilustración sobre el color exacto de la marca que usas en tu tema de Slack. Usa PNG a JPG con un color de fondo específico en lugar de dejar que Slack elija uno.
3. Convierte a JPG con calidad 85. Esto normalmente da un tamaño de entre 40 y 60 KB para un logo limpio.
4. Inspecciona el archivo. Ábrelo en información de imagen y confirma el espacio de color sRGB, las dimensiones 500x500 y un tamaño de archivo inferior a 100 KB.
5. Primero súbelo a un espacio de trabajo de prueba. La mayoría de las empresas tienen un espacio de trabajo sandbox; úsalo antes de pasar a producción.
6. Verifica en iOS, Android y escritorio. La barra lateral móvil de 48x48 es la prueba más exigente; si el texto de la marca se vuelve borroso, simplifica el origen y vuelve a exportar.
7. Publica en el espacio de trabajo de producción. Documenta la ruta del archivo fuente para que el próximo diseñador pueda iterar sin tener que rehacer todo.

Errores comunes y cómo solucionarlos

• Error: subir una captura de pantalla PNG en 4K. Solución: comprime previamente con compresor JPG a menos de 1 MB antes de pegarlo. Slack lo recomprimirá de todas formas, y un archivo fuente más pequeño da un resultado final más limpio.
• Error: logos PNG con transparencia en iconos de espacio de trabajo. Solución: aplánalos primero contra el color de tu marca. Slack elige un fondo predeterminado feo si no lo haces.
• Error: fotos HEIC del iPhone pegadas directamente. Solución: conviértelas con HEIC a JPG para clientes de escritorio Windows antiguos que renderizan mal las vistas previas HEIC.
• Error: GIF animados de más de 5 MB. Solución: acórtalos a menos de 4 segundos o convierte el origen a MP4 y enlaza un archivo de video en su lugar.
• Error: eliminar el crédito IPTC antes de subir. Solución: no te molestes en incrustar IPTC en archivos destinados a Slack, ya que la plataforma lo elimina; incrusta el crédito visualmente en la imagen si la atribución es importante.
• Error: enviar diferentes tamaños de banner por canal de Teams. Solución: estandariza a 1920x480 en toda la organización para que el mismo JPG funcione en todos los canales.

Ejemplos reales

El equipo de diseño de Shopify estandarizó un único icono de espacio de trabajo JPG de 250x250 y una plantilla de banner de canal de 1200x300, ambos aplanados contra el púrpura de la marca. El resultado fue consistencia visual en más de 80 canales de Slack y sin más distorsión en la barra lateral móvil. El equipo de marketing de Notion creó un script de exportación de Figma que procesaba en lote todas las capturas de pantalla de campañas a través de compresor JPG con un objetivo de 800 KB antes de publicarlas en canales de lanzamiento, reduciendo el tráfico de imágenes en los canales en un 70 por ciento. Las implementaciones internas de Teams de Microsoft supuestamente usan una especificación de banner de canal de 1920x480 con calidad JPG 80, alojado en una CDN interna para evitar problemas de cuota de SharePoint.

Comparación rápida: manejo de imágenes en Slack vs Teams

Superficie	Slack	Teams
Icono de espacio de trabajo/equipo	250x250 mín., JPG, <100 KB	240x240 mín., PNG/JPG, <100 KB
Avatar de usuario	192x192, JPG, <80 KB	240x240, JPG, <100 KB
Banner de canal	No compatible	1920x480, JPG, <250 KB
Límite de subida en línea	1 GB (Enterprise)	250 MB
Grupo de archivos del plan gratuito	5 GB en total	Vinculado a SharePoint
Emoji personalizado	128x128, 128 KB	Estilo sticker, 1 MB
Manejo de GIF	Bucle de reproducción automática, <5 MB recomendado	Vista previa de video HTML5
Metadatos eliminados	EXIF, IPTC	EXIF, IPTC parcial

Consejos avanzados para equipos con muchas imágenes

• Genera previamente activos retina. Exporta los iconos a 1x, 2x y 3x para tener variantes listas para diferentes superficies.
• Usa un lienzo compartido de activos de marca en Slack. Fija los JPG de marca canónicos en un lienzo al que todos los administradores de canales puedan hacer referencia.
• Automatiza la compresión por lotes con un flujo de trabajo de Slack. Un flujo de trabajo de Zapier puede interceptar las subidas a un canal "en bruto" y republicar copias optimizadas en un canal "listo".
• Mide el ancho de banda semanalmente. Slack Analytics muestra el tráfico de archivos por canal; marca cualquier canal que supere los 5 GB/semana para optimizarlo.
• Fija los colores del tema antes de diseñar iconos. Si tu tema de Slack cambia, cada icono del espacio de trabajo necesita ser reaplanado.
• No uses iconos animados en el espacio de trabajo. Slack acepta iconos GIF en el espacio de trabajo, pero los clientes móviles solo muestran el primer fotograma, que suele ser el peor.
• Mantén una lista de verificación "antes de subir". Imprímela y pégala en el monitor del diseñador: dimensiones, KB, espacio de color, aplanado.

Preguntas frecuentes

¿Por qué mi icono de Slack se ve pixelado solo en el iPhone?

Slack móvil renderiza los iconos a una densidad Retina 3x en los iPhones modernos, por lo que una fuente de 250x250 se reduce a una visualización de 48x48 a partir de una proporción no entera. Exporta a 500x500 en lugar de 250x250 para darle al reductor más píxeles con los que trabajar.

¿Puedo publicar imágenes HEIC directamente en Slack?

Sí, los clientes modernos de Slack renderizan HEIC, pero los clientes de escritorio antiguos y los visores basados en Windows pueden mostrar una vista previa rota. Conviértelas con HEIC a JPG antes de pegarlas si tienes compañeros que no usen Mac.

¿Cuál es el límite real de subida para el nivel gratuito de Slack?

Los espacios de trabajo gratuitos de Slack comparten un grupo total de archivos de 5 GB en todos los canales. Una vez que lo superas, los archivos más antiguos se vuelven inaccesibles. Los planes de pago amplían el límite; Enterprise Grid lo elimina pero aplica cuotas de archivos adjuntos por canal.

¿Teams también elimina los metadatos de las imágenes?

Sí. Teams elimina la mayoría de los EXIF y parte de los IPTC durante la ingesta, de forma similar a Slack. Usa información de la imagen para confirmar qué sobrevivió a un viaje de ida y vuelta en cualquiera de las dos plataformas.

¿Debería usar PNG o JPG para las capturas de pantalla en línea?

JPG. Ambas plataformas convierten los PNG a JPG para las vistas previas en miniatura de todos modos, así que ahorra ancho de banda preconvirtiendo y precomprimiendo.

¿Cómo mantengo los colores de la marca consistentes en todos los canales de Slack?

Mantén una sola plantilla de banner de 1920x480 (Teams) y una plantilla de icono de 250x250 (Slack), con control de versiones en tu sistema de diseño. Cada canal usa derivados de esos dos archivos fuente.

¿Hay alguna forma de evitar la recodificación de Slack?

No. Slack recodifica por razones de rendimiento y no ofrece ninguna opción para desactivarlo. La única solución es alojar la imagen externamente y publicar un enlace, pero eso pierde la vista previa en línea.

Flujo de trabajo de imágenes pegadas en macOS versus Windows

La captura de pantalla CMD-Shift-4 en macOS produce PNG por defecto y se pega directamente en Slack como un PNG de alta calidad. El mismo flujo de trabajo en Windows (Herramienta de recorte o Win+Shift+S) también produce PNG, pero con diferencias sutiles en el perfil de color que pueden cambiar ligeramente cuando Slack lo recodifica. Para la consistencia del equipo, configura macOS para guardar las capturas de pantalla como JPG (mediante el comando defaults write com.apple.screencapture) y Windows para guardarlas como JPG a través de las preferencias de la Herramienta de recorte. El resultado son formatos de archivo consistentes en todas las plataformas, tamaños de subida más pequeños y un renderizado de canal más rápido.

Slack Connect y el intercambio de imágenes en espacios de trabajo externos

Los canales de Slack Connect (compartidos entre dos o más espacios de trabajo) heredan los límites de tamaño de archivo del espacio de trabajo más restrictivo. Si tu espacio de trabajo empresarial permite subidas de 1 GB, pero el espacio de trabajo gratuito de tu proveedor tiene un límite de grupo total de archivos de 5 GB, tu canal compartido hereda el límite del nivel gratuito. Precomprime las imágenes compartidas en los canales de Slack Connect mediante compresor de JPG con un tamaño inferior a 1 MB para evitar alcanzar la cuota del grupo del socio. Documenta la convención de tamaño de archivo en el tema del canal para que ambas partes entiendan la limitación.

Gobernanza de los activos de marca en todos los canales

Una vez que tu espacio de trabajo supera los 100 canales, la desviación de los activos de marca se vuelve inevitable: alguien sube un logotipo antiguo a un canal de archivo de marketing, ese logotipo antiguo se vuelve a publicar en un canal de éxito del cliente, y en cuestión de meses el espacio de trabajo tiene un caos visual. Establece un único lienzo canónico de activos de marca de Slack (o una página wiki de Teams) con el logotipo JPG actual, el banner JPG y el conjunto de emojis aprobados, enlazado desde la página de inicio del espacio de trabajo. Trimestralmente, audita los 20 canales más activos para detectar cualquier uso de imágenes que no coincida con los activos canónicos. La sobrecarga de gobernanza se compensa con una presencia de marca consistente y una incorporación más rápida para los nuevos administradores.

Grabación de pantalla y el árbol de decisión GIF versus MP4

Los vídeos de demostración en Slack y Teams se encuentran en una bifurcación: enviar como GIF animado (se reproduce automáticamente en el canal) o como MP4 (requiere hacer clic para reproducir). Los GIF de tutoriales de interfaz de usuario explotan en tamaño de archivo; una grabación de pantalla de 10 segundos con 800 píxeles de ancho puede alcanzar fácilmente los 30 MB como GIF y los 2 MB como MP4. Tanto Slack como Teams admiten la reproducción de MP4 en línea ahora, y la experiencia en móvil es mejor con MP4 porque el pipeline de vídeo de la plataforma gestiona la transmisión y la búsqueda. Para cualquier cosa de más de 4 segundos, convierte tu grabación de pantalla a MP4 con una herramienta como Gifski-reverse o HandBrake. Reserva los GIF para reacciones de menos de 3 segundos donde el bucle de reproducción automática es el objetivo.

Cadencia de actualización de los banners de los canales

Los banners de los canales de Teams parecen permanentes, pero se degradan visualmente más rápido de lo que esperas: un banner diseñado para el Q1 de 2025 normalmente se ve anticuado para el Q3 de 2025 a medida que las directrices de la marca cambian. Planifica una actualización trimestral de los banners vinculada al sistema de diseño de marketing. El flujo de trabajo de actualización: regenera el maestro de 1920x480 en Figma, aplánalo mediante PNG a JPG, comprímelo con compresor de JPG a menos de 200 KB y actualiza todos los canales de producción en un solo lote. Documenta la versión (banner-v8.jpg) en el tema del canal para que el próximo administrador pueda encontrar la fuente. Sin la disciplina de actualización trimestral, terminarás con banners no coincidentes en más de 30+ canales en un año.

Consideraciones de accesibilidad para las imágenes del chat

Tanto Slack como Teams admiten texto alternativo en las imágenes subidas, y los usuarios de lectores de pantalla en tu organización dependen de ello. Escribe una breve descripción ("captura de pantalla del panel que muestra usuarios activos semanales un 12 por ciento") en el campo de texto alternativo al publicar cualquier imagen con información significativa. No publiques iconos o banners del espacio de trabajo con texto de bajo contraste; la relación de contraste WCAG AA 4.5:1 se aplica a los elementos legibles en las superficies de chat al igual que en las páginas web. Prueba el contraste en temas claros y oscuros antes de publicar superficies de marca, ya que los usuarios de Slack y Teams cambian de tema con frecuencia.

Envía activos de marca limpios a todos los tamaños

Slack y Teams seguirán comprimiendo todo lo que les des, así que la clave es enviar JPG preoptimizados que ya coincidan con el tamaño de visualización y el límite de KB que cada superficie requiere. Aplana los PNG con transparencia sobre el color de tu marca con PNG a JPG, comprime capturas de pantalla en línea con Compresor de JPG y presupuesta el tamaño del archivo por adelantado con la calculadora de tamaño de archivo de imagen. Para la preparación masiva de capturas, apóyate en el flujo por lotes del convertidor de imágenes y verifica qué sobrevivió a la subida con información de la imagen. Tu logo dejará de verse como una mancha en barras laterales de 48x48, y tus canales cargarán más rápido para todos los que se desplazan en datos móviles.