Añadir texto a una foto online: rótulos que venden en fichas, banners y stories
Añadir texto a una foto online: rótulos que venden en fichas, banners y stories
Un rótulo puede disparar el porcentaje de clics o cargárselo en silencio. A continuación te explicamos cómo añadimos texto a fotos de producto y de marketing para que se lea en el móvil, aguante la compresión y nunca incumpla las normas de un marketplace.
Por qué añadir texto a una foto en primer lugar
Añadir texto a una foto parece algo trivial hasta que ves cómo una toma estupenda fracasa porque el rótulo es invisible a tamaño miniatura. La gente busca "añadir texto a una foto online" y "poner texto en imagen" por motivos muy distintos, y cada uno tiene sus propias reglas. Un banner promocional necesita un titular que sobreviva a una reducción del 60 por ciento en el feed de un móvil. La imagen de una ficha de producto necesita llamadas que expliquen una característica sin saltarse las políticas de la plataforma. Una etiqueta de precio o de oferta tiene que leerse en menos de un segundo. Un meme vive o muere por una sola frase contundente. Una story de Instagram o TikTok necesita texto que quede dentro de la zona segura para que la interfaz no lo tape. Nosotros añadimos texto a fotos de clientes a diario, y en esta guía compartimos las decisiones exactas de contraste, tamaño y ubicación que distinguen un rótulo que vende de uno que solo añade ruido. Si quieres saltarte la teoría, puedes añadir texto a tu foto online en un minuto y seguir el ejemplo.
Dónde se ganan el sitio los rótulos: banners, fichas, ofertas y stories
Cada caso de uso tiene una función distinta, y el texto tiene que estar a la altura. Tratarlos a todos por igual es el motivo más habitual de que los rótulos rindan por debajo de lo esperado.
- Banners de marketing. Un banner principal suele llevar un titular de 3 a 6 palabras más un subtítulo opcional. En un banner web de 1200x628 (la proporción habitual para redes y anuncios), el titular debería ocupar más o menos el tercio superior o izquierdo y nunca competir con el punto focal de la imagen. Una sola idea por banner.
- Imágenes de fichas de producto. Las imágenes secundarias en Amazon, Etsy, eBay, Shopify y Walmart suelen llevar llamadas de características: "Apto para lavadora", "Capacidad 1,2 L", "Sin BPA". Estas etiquetas cortas convierten una foto plana en una infografía. La imagen principal es la excepción (lo vemos en la siguiente sección) porque la mayoría de plataformas prohíben el texto en ella.
- Etiquetas de precio y oferta. "30 % DESCUENTO", "19,99 €", "Solo hoy". Funcionan como una etiqueta contrastada en una esquina. Mantén el número grande y las palabras de apoyo pequeñas, para que la vista aterrice primero en el valor.
- Memes y publicaciones sociales. El clásico rótulo en negrita arriba y abajo funciona porque tiene mucho contraste y es predecible. El texto es el contenido, así que puede ser estridente.
- Stories y reels. Los marcos verticales de 1080x1920 tienen elementos de interfaz arriba y abajo. Mantén el texto dentro de la zona segura central, a unos 250 px del borde superior y 350 px del inferior, o tu rótulo quedará tapado por el nombre de usuario y la barra de respuesta.
Un error frecuente que corregimos: los clientes pegan la misma frase larga en un banner, en la imagen de una ficha y en una story. El texto largo no se lee en ninguno de los tres. Decide primero la función y luego escribe a la medida. Para resultados de calidad de ficha, a menudo combinamos los rótulos con un recorte limpio de nuestra herramienta para quitar el fondo para que el texto descanse sobre una superficie tranquila en lugar de una escena recargada.
Legibilidad sobre fotos: contraste, placas de fondo y tipografías
El texto falla sobre las fotos por un motivo por encima de todos los demás: falta de contraste entre las letras y los píxeles que tienen detrás. El fondo de una foto nunca es un color plano, así que el texto blanco que se ve nítido sobre un cielo oscuro desaparece en cuanto cruza una nube. Así es como mantenemos los rótulos legibles siempre.
- Busca contraste de verdad, no solo "claro sobre oscuro". El estándar de accesibilidad es una relación de contraste de 4,5:1 para texto normal y 3:1 para texto grande (más o menos a partir de 24 px, o 19 px en negrita). No hace falta un medidor para cada trabajo, pero si entornas los ojos y el texto se difumina con la imagen, la relación es demasiado baja.
- Usa una placa de fondo cuando el fondo esté recargado. Un rectángulo semitransparente detrás del texto, negro al 40 o 60 por ciento de opacidad bajo letras blancas, garantiza la legibilidad sobre cualquier foto. Las esquinas redondeadas y un poco de margen interno (al menos la altura de una letra) hacen que parezca intencionado y no pegado.
- Añade una sombra suave o un contorno como toque más ligero. Una sombra paralela de 1 a 3 px o un trazo fino despega el texto de la imagen sin necesidad de una placa completa. Es el estándar para los rótulos de stories en los que quieres que se vea la foto.
- Elige tipografías que aguanten los tamaños pequeños. Las tipografías sans-serif de formas abiertas (piensa en Inter, Montserrat, Roboto, Open Sans) se mantienen limpias a escala de miniatura. Evita los pesos finos, las tipografías de tipo caligráfico apretadas y las condensadas para cualquier cosa que se vaya a reducir.
- Limítate a una o dos tipografías. Una tipografía display en negrita para el titular y una de peso normal para la línea de apoyo. Más de dos y el diseño parece de aficionado.
El mayor enemigo de la legibilidad que vemos es el texto blanco sobre una foto clara o mezclada, sin placa y sin sombra. Se ve bien en la vista previa de escritorio a tamaño completo y se desvanece en el feed. Comprueba siempre al tamaño al que tu público lo verá de verdad, que normalmente es una miniatura de móvil.
Tamaño y ubicación: acierta con las cifras
Una vez resuelto el contraste, el tamaño y la posición deciden si el rótulo se llega a leer. Estas son las cifras de trabajo que usamos, expresadas como porcentaje de la altura de la imagen para que se adapten a cualquier resolución.
- Tamaño del titular. Un titular principal debería ocupar entre el 6 y el 10 por ciento de la altura de la imagen. En una story de 1080 px de alto, eso son unos 65 a 108 px. Por debajo del 5 por ciento cuesta leerlo en un móvil.
- Texto de cuerpo o rótulo. En torno al 3 o 4 por ciento de la altura de la imagen. Limítalo a una o dos líneas.
- Longitud de línea. Apunta a entre 20 y 40 caracteres por línea. Las líneas largas sobre una foto cansan al leerlas; córtalas.
- Márgenes. Mantén todo el texto al menos a un 5 por ciento de cada borde respecto a la dimensión de la imagen. En un marco de 1080 px, eso es un margen de seguridad de 54 px para que nada lo recorten los avatares o las esquinas redondeadas.
- Ubicación y punto focal. Coloca el texto en la zona más tranquila y uniforme de la foto, normalmente cielo vacío, una pared lisa o espacio negativo. Nunca pongas texto sobre una cara, el detalle clave del producto o un patrón recargado.
- Jerarquía visual. Un elemento domina. Si el precio, el titular y el logo tienen todos el mismo tamaño, la vista no sabe dónde aterrizar. Haz que lo más importante sea claramente lo más grande.
En cuanto a tamaños por plataforma, guarda los banners a 1200x628 para redes, los marcos de story a 1080x1920, las publicaciones cuadradas a 1080x1080 y las imágenes de marketplace al mínimo de la plataforma (Amazon pide al menos 1000 px en el lado más largo para habilitar el zoom; 2000 px es mejor). Cuando añades texto a una foto online con nuestra herramienta, puedes posicionar y redimensionar el rótulo sobre la imagen en vivo y exportarlo a la dimensión exacta que necesitas, sin tener que adivinar. Si el archivo final pesa demasiado tras exportar, pásalo por nuestra herramienta para comprimir fotos antes de subirlo.
La mayoría de los fallos en los rótulos se reducen a una lista corta de reincidentes. Evítalos y ya irás por delante de la mayoría de fichas y publicaciones.
- Texto en la imagen principal del producto. Este es el gordo en el comercio electrónico. Amazon, Walmart y la mayoría de marketplaces exigen que la imagen principal muestre solo el producto sobre un fondo blanco puro, sin texto, logos, etiquetas ni marcas de agua. Reserva tus llamadas y pegatinas de "oferta" para las imágenes secundarias. Lo tratamos a fondo en nuestra guía sobre la imagen principal de producto para Amazon y Etsy.
- Demasiado texto. Una foto no es un párrafo. Si el rótulo necesita más de dos líneas cortas, pertenece a la descripción de la ficha, no a la imagen.
- Poco contraste y sin fondo. Ya lo hemos visto, y sigue siendo el problema número uno. Comprueba siempre a tamaño miniatura.
- Tipografías decorativas a tamaño pequeño. Una tipografía caligráfica queda elegante a pantalla completa y se convierte en una mancha en el móvil.
- Etiquetas de oferta engañosas. Un "50 % DESCUENTO" sin un descuento real puede provocar una sanción por incumplir las políticas de la plataforma. Mantén las afirmaciones veraces.
- Ignorar la zona segura. El texto de una story a menos de 350 px del borde inferior queda oculto por la barra de respuesta.
- Artefactos de compresión. Una compresión JPEG agresiva destroza los bordes nítidos de las letras. Exporta los rótulos en alta calidad, o usa PNG para superposiciones con muchos gráficos.
- Formato de archivo equivocado. Si tu original es un archivo HEIC del móvil, conviértelo antes con nuestra herramienta de HEIC a JPG para que los editores y los marketplaces lo acepten.
Un flujo de trabajo práctico para fichas: fotografía o limpia el producto, quita el fondo, añade solo las llamadas que necesites en las imágenes secundarias, deja la imagen principal sin texto y luego comprime. Para trabajos de marca en los que también hay que proteger el logo, nuestra herramienta de marca de agua se encarga de eso por separado de las llamadas legibles.
La herramienta online cubre la inmensa mayoría de los trabajos de rotulación en un minuto. Hay casos, no obstante, en los que un retocador humano se amortiza solo. Cuando estás montando un set completo de imágenes secundarias de ficha con un estilo de llamadas coherente en decenas de referencias, la tipografía y la alineación ajustadas a mano mantienen una imagen de marca profesional en lugar de plantillada. Cuando el texto tiene que envolver un producto complejo, situarse dentro de un cristal reflectante o de una joya, o ajustarse a un manual de marca preciso con kerning y efectos personalizados, eso es trabajo de estudio. También intervenimos cuando un banner necesita que el texto se integre en la escena con sombras y perspectiva realistas, no simplemente plano por encima. Si estás preparando un catálogo, mira cómo gestionamos la creación de fichas de producto y el retoque de joyería, donde la ubicación del rótulo forma parte de una composición mayor. Nuestra regla general: usa la herramienta para rótulos y etiquetas rápidos y únicos; recurre a nosotros para volumen, coherencia de marca y cualquier cosa en la que el texto deba parecer pintado dentro de la foto y no pegado encima.
Un buen texto sobre una foto es fácil de conseguir una vez que conoces las reglas: decide primero la función, mantén un contraste alto con una placa o una sombra, dimensiona el titular al 6 o 10 por ciento de la altura de la imagen, respeta las zonas seguras de cada plataforma y nunca pongas texto en la imagen principal de un marketplace. Escribe corto, elige una o dos tipografías limpias, coloca el rótulo en una zona tranquila y comprueba a tamaño miniatura antes de publicar. Ese es todo el juego, y se hace en un minuto cuando la herramienta mide por ti. ¿Listo para probarlo? Añade texto a tu foto online aquí, o explora el conjunto completo de editores en nuestro centro de herramientas para preparar la imagen de principio a fin. Cuando el proyecto crezca hasta un set completo de ficha o una campaña de marca, nuestro estudio está listo para llevarlo hasta el final.
Cómo añadir texto a una foto paso a paso
Añadir una leyenda a una foto es sencillo si trabajas con orden y piensas en la legibilidad desde el principio. La secuencia es la misma en cualquier herramienta.
- Sube la foto y elige la opción de añadir texto.
- Escribe el texto y colócalo en una zona tranquila del encuadre, sin detalles importantes ni fondos recargados detrás.
- Ajusta fuente y tamaño para que se lea incluso reducido, algo clave en las miniaturas de una ficha.
- Asegura el contraste. Texto claro sobre zona oscura o texto oscuro sobre zona clara, y si hace falta añade una placa de fondo o un contorno.
- Cuida los márgenes para que la leyenda no quede pegada al borde del encuadre.
- Guarda en el formato adecuado y comprueba cómo se ve el texto en tamaño pequeño.
El principio que manda en todos los pasos es la legibilidad: el texto debe entenderse de un vistazo, no fundirse con el fondo. La herramienta de arriba te permite añadir y ajustar una leyenda en un minuto.
Cómo añadir texto a una foto en el móvil
Puedes poner texto sobre una foto directamente desde el móvil de varias formas. La más rápida para redes son los editores integrados: en las historias de Instagram y otras apps hay una herramienta de texto con estilos listos donde la leyenda se añade en dos toques. Para un resultado más controlado, abre una herramienta online en el navegador del móvil, sube la foto, añade el texto con la fuente y el color que quieras y guárdala. En el iPhone también puedes poner una nota sencilla con la función de Marcado dentro de Fotos, y en Android desde el editor de la galería.
Para que la leyenda quede limpia y no parezca una pegatina al azar, aplica las mismas reglas de legibilidad: fuente grande y clara, contraste con el fondo, placa o contorno en zonas recargadas y margen respecto al borde. No coloques el texto sobre una cara o sobre el detalle clave del producto. Para stories y publicaciones rápidas bastan las herramientas integradas, pero para banners, portadas y fichas, donde importa mantener un estilo uniforme, es más cómodo un editor online que te dé más control sobre la tipografía y la posición.
Texto en la foto para fichas de marketplace y banners
En las fichas de producto el texto funciona como infografía: leyendas cortas en las imágenes de la galería destacan ventajas, medidas, materiales o escenarios de uso. Así el comprador entiende el producto en segundos sin leer la descripción. Pero hay un límite importante: en la imagen principal casi ningún marketplace permite texto, y una leyenda sobre el primer plano puede provocar el rechazo o la ocultación de la ficha. Por eso el texto se coloca en la segunda imagen y siguientes, dejando la principal limpia.
Las reglas de un buen texto en la ficha son simples. Escribe corto y al grano, una idea por imagen, con una fuente grande y legible, porque se mira desde el móvil. Mantén un estilo único, una sola tipografía y paleta en toda la galería y en todos los productos de la tienda, para que las fichas parezcan una marca y no un conjunto de imágenes sueltas. No recargues la imagen de texto, deja aire. Por nuestra experiencia preparando fichas para joyerías y marcas de ropa, es precisamente una tipografía cuidada y uniforme, y no rótulos de mil fuentes, lo que sube la confianza y ayuda a vender.
Texto en la foto para redes sociales y stories
En redes el texto sobre la imagen sirve para captar la atención en el feed y transmitir el mensaje sin sonido. En publicaciones, stories y portadas la leyenda debe leerse al instante y en pantalla pequeña. Funcionan los titulares grandes, las frases cortas y los acentos de color. Es importante respetar las zonas seguras: en las stories la parte superior e inferior suelen quedar tapadas por la interfaz, el avatar, los botones y las etiquetas de la plataforma, así que el texto clave se mantiene en la franja central para que no se recorte.
Conviene ligar el estilo del texto a tu imagen de marca: una o dos fuentes fijas, una paleta reconocible y una manera constante. Así tus publicaciones se reconocen en el feed aunque no lleven logo. Para stories dinámicas puedes usar texto animado y stickers de los editores integrados, y para portadas y publicaciones más cuidadas es mejor montar el diseño en un editor con control de tipografía y composición. La regla general es la de siempre: contraste con el fondo, placa o contorno en zonas recargadas, márgenes y nada de texto sobre la cara o el objeto principal si estorba la lectura.
Cómo elegir el color y los efectos del texto
El color y el acabado del texto deciden si la leyenda se lee o se pierde. El principio básico es el máximo contraste con lo que hay detrás: sobre fondo oscuro, texto claro; sobre fondo claro, texto oscuro. Si el fondo es recargado o irregular, el color puro no basta y necesitas ayuda: una placa semitransparente bajo el texto, un contorno fino de color contrastado o una sombra suave que separe las letras del fondo. Estos recursos garantizan la lectura incluso sobre una imagen compleja y quedan limpios si no te excedes.
Con los efectos conviene medir. Una sombra ligera o un contorno ayudan, pero varios efectos volumétricos, degradados, brillos y sombras a la vez vuelven la leyenda recargada y abaratan la imagen. El color del texto conviene ligarlo a la paleta de la marca o al tono general de la foto, no elegir un color chillón al azar. Para contenido comercial y de producto es mejor optar por soluciones sobrias: texto blanco o negro, una placa discreta y un solo color de acento. En redes se admite algo más vivo, pero también ahí la legibilidad importa más que el adorno. El color correcto y el mínimo de efectos casi siempre ganan al amontonamiento.
Errores frecuentes al añadir texto a una foto
- El texto se funde con el fondo. Una leyenda clara sobre una zona clara o recargada es ilegible. Añade contraste, placa o contorno.
- Fuente demasiado pequeña. En la miniatura y en el móvil no se distingue. Haz el texto grande y compruébalo reducido.
- Leyenda sobre la cara o el producto. El texto tapa lo importante. Colócalo en una zona tranquila del encuadre.
- Muchas fuentes distintas. Tres o cuatro tipografías en una imagen quedan artesanales. Limítate a una o dos.
- Texto pegado al borde. La leyenda se pega o se recorta. Deja márgenes.
- Texto en la imagen principal de la ficha. Incumple las reglas del marketplace y arriesga la ocultación. El texto solo en las imágenes secundarias.
Herramientas de foto online gratis
Edita tu foto en el navegador, sin instalar ni registrarte: