Agrega o personaliza una imagen que aparece detrás de todo el contenido de tu sitio web como papel tapiz.

¿Quieres agregar una imagen detrás de todo tu sitio web (no solo el encabezado)? ¡Una imagen de fondo puede crear un look único e inmersivo para tu sitio de boda!

Una imagen de fondo aparece detrás de todo el contenido de tu página. A diferencia de una imagen de encabezado (que solo está en la parte superior), la imagen de fondo se muestra detrás de:
- Todas las secciones
- Todo el texto
- Toda tu página
- Todo tu sitio

¡Es como papel tapiz para tu sitio web!

Imagen de encabezado: Solo se muestra en la parte superior de tu página

Imagen de fondo: Se muestra detrás de todo en todo tu sitio

¡Son diferentes! Puedes usar ambas, una o ninguna.

Estética única. Crea un look distintivo para tu sitio.

Textura y profundidad. Agrega interés visual sin abrumar el contenido.

Combina con tu tema. Mejora la vibra de tu boda (rústica, elegante, playera, etc.).

Marca sutil. Patrones muy ligeros pueden agregar personalidad.

¡Tu imagen de fondo aparece detrás de tu contenido!

¡Lo sutil es clave! Tu contenido necesita ser legible sobre el fondo.

Clara o difuminada. Las fotos a intensidad completa son demasiado distractoras.

Los patrones funcionan genial. Texturas repetitivas, acuarelas o diseños sutiles.

Bajo contraste. Tonos similares en todo para que el texto no desaparezca en algunas áreas.

Alta resolución. ¡Las imágenes de fondo cubren mucho espacio, usa archivos de alta calidad!

Papel texturizado: Lino, papel de acuarela, pergamino envejecido

Patrones sutiles: Florales delicados, formas geométricas, puntos

Lavados de acuarela: Colores suaves y mezclados

Texturas de tela: Encaje, arpillera, seda (fotografiada o ilustrada)

Fotos muy difuminadas: Tu foto de compromiso al 10% de opacidad

Ilustraciones mínimas: Dibujos de línea, bocetos botánicos

Fotos a todo color: Demasiado ocupadas, el texto se vuelve ilegible

Patrones de alto contraste: Rayas o cuadros blancos y negros son abrumadores

Imágenes detalladas: Escenas complejas distraen de tu contenido

Imágenes oscuras: Hacen difícil leer el texto claro

¡Cualquier cosa que compita con tu contenido real!

Tamaño:
- Cubrir: Llena toda la página
- Contener: Muestra la imagen completa
- Ancho completo: Se ajusta al ancho de la página

Posición:
Elige a qué lado fijar el fondo cuando se escala en diferentes dispositivos. Las opciones incluyen arriba izquierda, arriba, arriba derecha, izquierda, centro, derecha, abajo izquierda, abajo y abajo derecha.

Reduce la opacidad. Hazla semitransparente (20-30% de opacidad funciona bien)

Aumenta el brillo. Aclara imágenes oscuras para que el texto se muestre

Difumina ligeramente. Reduce la distracción del contenido

Agrega una superposición blanca. Capa blanca semitransparente sobre la imagen

¡Usa herramientas de edición de fotos como Photoshop, Canva o incluso la configuración integrada del sitio web!

¡Prueba tu texto! Asegúrate de que todo tu contenido sea legible sobre el fondo.

Usa colores de fondo del contenido. Pon tu contenido real en cajas blancas o de color sólido para que el texto siempre sea legible.

Alto contraste. El texto oscuro necesita un área clara detrás, el texto claro necesita áreas oscuras.

Revisa en móvil. Los fondos podrían verse diferentes en teléfonos.

¿No te gusta cómo se ve?

¡Tu sitio vuelve a un color de fondo sólido!

Generalmente puedes configurar ambos:

Color de fondo: Se muestra si la imagen no cubre todo, o mientras la imagen carga

Imagen de fondo: Se muestra sobre el color

¡Elige un color de fondo que combine con tu imagen para un look fluido!

¡Las imágenes de fondo pueden ser grandes, lo que hace tu sitio más lento!

Comprime imágenes: Usa herramientas como TinyPNG para reducir el tamaño del archivo

Optimiza dimensiones: No necesitas una imagen de 5000px de ancho para un fondo

Apunta a menos de 500KB si es posible

¡La carga rápida importa!

Fijo (parallax): El fondo se queda quieto mientras el contenido se desplaza sobre él (¡efecto genial!)

Desplazable: El fondo se mueve con la página (tradicional)

¡Verifica si tu tema admite fondos parallax!

La imagen de fondo aplica a todo tu sitio web. Se muestra detrás de todas tus páginas y secciones.

Las imágenes de fondo podrían no mostrarse en móvil para mejorar la velocidad de carga

O podrían recortarse diferente en pantallas estrechas

Prueba exhaustivamente para ver cómo tu tema maneja los fondos en teléfonos

Muchas fotos en tu sitio: Las imágenes de fondo compiten con tus fotos reales

Sitio con mucho contenido: Mucho texto necesita fondos limpios y sin distracciones

Tu tema no lo admite bien: Algunos temas no están diseñados para imágenes de fondo

Quieres carga rápida: Las imágenes de fondo agregan tamaño de archivo

Simple es mejor: A veces un color sólido es más limpio y elegante

¡No todos los temas funcionan bien con imágenes de fondo! Algunos están diseñados para colores sólidos. Previsualiza tu sitio para ver si una imagen de fondo mejora o recarga tu diseño.

Patrones: ¡Generalmente funcionan mejor! Repetitivos, sutiles, no distraen

Fotos: Más difíciles de hacer funcionar, necesitan mucho difuminado/desvanecimiento

¡Cuando tengas dudas, opta por un patrón!

Crea las tuyas: Canva tiene plantillas de fondos

Recursos gratuitos: Subtle Patterns, Unsplash (busca "textura")

Mercados de diseño: Creative Market, Etsy

Hazlo tú mismo: Fotografía una textura (papel, tela, etc.) y aclárala

¡Las imágenes de fondo pueden agregar un hermoso toque sutil a tu sitio, pero requieren consideración cuidadosa para evitar abrumar tu contenido!