Cómo añadir fondos, texto y efectos a una imagen

Comprueba transparencia, dimensiones y legibilidad al preparar una copia modificada.

Guía prácticaActualizado Lectura aprox.: 3 min
En esta página

Elegir el cambio y conservar la fuente

Un fondo, una etiqueta y un efecto de color sirven a objetivos diferentes. Decide qué necesita tu copia: integrar un logo transparente, identificar una muestra o preparar una versión en gris. Guarda el original para ensayar variantes sin acumular cambios difíciles de revertir o recordar.

Cada operación genera una imagen nueva. Para varios pasos, descarga la salida y cárgala en la siguiente herramienta; el contenido no pasa automáticamente. Conserva una copia intermedia adecuada durante las pruebas para evitar exportaciones con pérdida repetidas. Revisa la versión final al tamaño y sobre el fondo donde la utilizarás, no solo ampliada en una vista previa.

Fondo y borde cambian propiedades distintas

Fondo de imagen compone zonas transparentes o semitransparentes sobre el color elegido. La salida queda opaca incluso en PNG o WebP. No elimina un fondo fotografiado: una pared blanca ya opaca permanece blanca. Prueba un gráfico con transparencia para entender qué zonas cambian.

El borde se añade fuera del lienzo. Una fuente de 400 × 200 px con borde de 16 px produce 432 × 232 px. Comprueba si las nuevas medidas cumplen los requisitos. Paletas y conversión de colores aportan códigos para estos ajustes; revisa visualmente el resultado porque un código por sí solo no asegura que combine con tu contenido.

Colocar texto y revisar su lectura

Texto sobre imagen admite una línea de hasta 100 caracteres. Ajusta posición, color, opacidad y tamaño relativo al lado menor. La etiqueta se adapta al ancho disponible: una frase larga puede verse pequeña aunque pidas un tamaño alto. Elige una etiqueta breve que no tape datos ni elementos del sujeto.

La descarga contiene píxeles, sin capa de texto editable. Guarda el mensaje y las opciones para rehacerlo. Una marca identifica una muestra o versión, pero no impide copiar o recortar el recurso. Revisa contraste en zonas claras y oscuras. Si giras después de añadir texto, la etiqueta también girará: el orden de los pasos importa.

Entender gris, inversión y pixelado

Escala de grises conserva dimensiones y cambia los colores a tonos grises. Invertir sustituye cada canal RGB por 255 menos su valor: rojo puro pasa a cian. PNG y WebP pueden conservar alfa en estas operaciones; JPG usa fondo blanco donde había transparencia. Abre la copia y verifica el formato escogido.

Pixelar reduce a una cuadrícula y amplía sin suavizado. Un bloque mayor refuerza el efecto manteniendo las dimensiones finales. Afecta a toda la imagen, sin selector de zona. No presupongas que basta para retirar información identificable: inspecciona el resultado y utiliza un procedimiento adecuado si tu objetivo es eliminar datos.

PONLO EN PRÁCTICA

Un borde que amplía el lienzo

Carga la imagen de ejemplo de 400 × 200 px en Añadir borde. Usa grosor 16 px, negro y salida PNG. Genera, descarga y abre la copia. El borde se añade por fuera, no consume parte del gráfico original.

Borde: 16 px
Color: #000000

El resultado mide 432 × 232 px, porque cada dimensión suma dos bordes de 16 px. El contenido original conserva sus medidas dentro del nuevo lienzo.

Comprueba medidas en Información de imagen. Prueba Fondo de imagen con la fuente transparente: la zona transparente se rellena, pero las regiones ya opacas mantienen su color.