Índice
Gestionar medios junto con las traducciones siempre ha sido una idea de último momento en la mayoría de las herramientas i18n. Traduces el texto y luego manejas las imágenes manualmente en un sistema separado — descargando, volviendo a subir, enlazando. Better i18n adopta un enfoque diferente: los medios son un ciudadano de primera clase en tu flujo de trabajo de contenido.
En esta guía, recorremos cómo funciona la gestión de medios de Better i18n, desde las cargas básicas hasta la integración integrada de Unsplash y el almacenamiento edge en R2 que lo impulsa todo.
Cuatro tipos de carga para cada caso de uso
No todas las imágenes cumplen el mismo propósito, por lo que Better i18n proporciona flujos de carga dedicados para cada contexto:
Avatares de perfil
Cada miembro del equipo puede subir una foto de perfil desde la configuración de su cuenta. La imagen se procesa automáticamente, se redimensiona y se almacena. Los avatares aparecen en el dashboard, los feeds de actividad y la atribución de contenido, para que tu equipo siempre sepa quién hizo qué cambio.
Logos de la organización
El logo de marca de tu organización se sube una vez y se utiliza en dashboards, notificaciones por correo electrónico y cualquier página pública. Cuando cambie tu identidad de marca, actualízalo en un solo lugar y se propagará a todas partes.
Imágenes en el chat de IA
¿Trabajas con el agente de traducción IA de Better i18n? Puedes subir imágenes directamente al chat para proporcionar contexto visual. Esto es especialmente útil cuando necesitas mostrarle al agente una captura de pantalla de tu interfaz de usuario para que entienda el contexto espacial de las cadenas que se están traduciendo.
Medios de contenido
Este es el tipo de carga más versátil. Cuando estás editando una entrada de CMS — una publicación de blog, un elemento de changelog, una página de marketing — puedes adjuntar imágenes directamente a la entrada. Los archivos de medios de contenido están vinculados a su entrada principal, lo que facilita el seguimiento de qué imágenes pertenecen a cada lugar.
Integración de Unsplash: Busca, selecciona, listo
Una de las tareas de contenido más comunes es encontrar una buena imagen. Better i18n integra Unsplash directamente en el editor de contenido, por lo que nunca necesitas salir de tu flujo de trabajo.
Así es como funciona:
- Abre el selector de medios en el campo de medios o imagen destacada de cualquier entrada de contenido.
- Busca en Unsplash por palabra clave. Los resultados aparecen al instante — fotos de alta calidad y de uso gratuito de la biblioteca de Unsplash con más de 3 millones de imágenes.
- Selecciona tu imagen. Un clic activa una descarga automática.
- Almacenamiento automático en R2. La imagen seleccionada se descarga de Unsplash y se sube al bucket R2 de tu proyecto. La URL se guarda en tu entrada de contenido.
El beneficio clave: tus imágenes se sirven desde tu propia infraestructura, no desde la CDN de Unsplash. Esto significa que no hay dependencia del tiempo de actividad de terceros, rendimiento consistente y control total sobre tus activos.
Almacenamiento R2: Rápido, global, sin tarifas de salida
Cada imagen subida a Better i18n — ya sea desde tu dispositivo, el avatar de un miembro del equipo o una búsqueda en Unsplash — se almacena en Cloudflare R2.
¿Por qué R2? Tres razones:
- Entrega edge. R2 sirve archivos desde la red global de centros de datos de Cloudflare. Tus imágenes cargan rápido independientemente de dónde se encuentren tus usuarios.
- Sin tarifas de salida. Los proveedores de almacenamiento en la nube tradicionales te cobran cada vez que alguien descarga un archivo. R2 no lo hace. Esto es significativo para sitios con mucho contenido y audiencias globales.
- URLs confiables. Cada archivo subido obtiene una URL permanente y estable. Úsala en tus plantillas, respuestas de API o generador de sitios estáticos — seguirá funcionando.
El tipo de campo Media en el CMS
Si estás construyendo modelos de contenido en el CMS headless de Better i18n, el tipo de campo Media es la forma de conectar imágenes a las entradas.
Cuando añades un campo Media a un modelo de contenido, los editores de entradas pueden:
- Subir una imagen desde su dispositivo
- Buscar y seleccionar desde Unsplash
- Ver una vista previa en línea de la imagen adjunta
- Opcionalmente establecer imágenes diferentes por locale (útil cuando una captura de pantalla muestra una interfaz de usuario localizada)
Este tipo de campo se integra con el mismo pipeline de almacenamiento R2 que todas las demás cargas. No hay una biblioteca de medios separada que gestionar — todo fluye a través de un único sistema.
Ejemplo práctico: Añadir una imagen de portada a una publicación de blog
Recorramos un escenario real. Estás escribiendo una publicación de blog sobre el nuevo rediseño del dashboard de tu producto.
- Crea una nueva entrada de publicación de blog en el CMS de Better i18n.
- Escribe tu título, contenido del cuerpo y extracto.
- Haz clic en el campo de imagen destacada.
- Busca en Unsplash "dashboard design" o sube tu propia captura de pantalla.
- Selecciona la imagen. Se almacena automáticamente en R2 y se vincula a tu publicación.
- Traduce la publicación a otros idiomas. La imagen destacada se transfiere, o puedes reemplazarla con una captura de pantalla específica del locale.
- Publica. La imagen se sirve desde la red edge de R2 en todo el mundo.
Sin un paso de carga de medios separado. Sin enlaces de imágenes rotos. Sin dependencia de CDN de terceros.
Qué significa esto para tu flujo de trabajo
La gestión de medios en Better i18n está diseñada para integrarse en tu flujo de trabajo de contenido en lugar de añadir pasos. Los tipos de carga están diseñados específicamente para su contexto, Unsplash está integrado donde lo necesitas, y R2 se encarga del almacenamiento y la entrega sin configuración.
Ya sea que estés gestionando un blog multilingüe, un sitio de documentación o una página de marketing de producto, tus imágenes se gestionan de la misma manera que tus traducciones — en un solo lugar, con un único flujo de trabajo.
La gestión de medios está disponible en todos los planes de Better i18n. Si ya estás usando el CMS, estás listo para empezar a subir.
