Crea un banner personalizado para Tumblr: guía paso a paso de diseño y subida

Un banner personalizado (imagen de encabezado) personaliza tu blog de Tumblr y refuerza tu marca. Aquí tienes cómo diseñarlo e instalarlo a la perfección.

Especificaciones de diseño

• Dimensiones recomendadas: 1080 × 320 píxeles (relación de aspecto 27:8)
• Tamaño máximo de archivo: 5 MB (Tumblr comprime archivos más grandes)
• Formato: JPEG (fotos), PNG (gráficos/texto), GIF (animación)
• Zona segura: Mantén el contenido crítico centrado – los bordes pueden recortarse en móvil

Proceso de diseño (cualquier editor de imágenes)

1. Elige tu herramienta: Photoshop, GIMP (gratis), Photopea (navegador), Canva, Pixlr
2. Crea nuevo lienzo: 1080 × 320 px, 72 DPI, color RGB
3. Agrega fondo: Foto, degradado, color sólido o patrón
4. Agrega marca: Título del blog, logotipo, eslogan – usa fuentes legibles
5. Mejora: Ajusta brillo/contraste, agrega textura o superposición sutil
6. Prueba legibilidad: Vista previa al 50% de zoom (simulación móvil)
7. Exporta: Guarda como JPEG (85% calidad) o PNG

Consejos de diseño para impacto

• El contraste es lo primero: Texto claro sobre fondo oscuro o viceversa
• Limita las fuentes: Máximo 2 (una para el título, otra para el eslogan)
• Considera la superposición del avatar: Tu foto de perfil está abajo a la izquierda – no coloques arte clave allí
• Primero móvil: Más del 60% del tráfico de Tumblr es móvil – prueba en el teléfono
• GIFs animados: Movimiento sutil (bucle de 5-10 seg) llama la atención

Subir a Tumblr

1. Inicia sesión en Tumblr → Haz clic en tu avatar del blog (arriba a la derecha) → Editar apariencia
2. En la barra lateral izquierda, haz clic en Imagen de encabezado (o “Encabezado” en la UI nueva)
3. Haz clic en Subir imagen → Selecciona tu archivo
4. Ajusta la posición si se solicita (arrastra al centro)
5. Haz clic en Guardar → Salir del modo de personalización

Solución de problemas

• ¿Borroso? Asegúrate de que el ancho sea exactamente 1080px – Tumblr escala imágenes más pequeñas
• ¿Recortado raro? Reposiciona en el modo de personalización
• ¿No se muestra? Limpia la caché del navegador / prueba en incógnito
• ¿Conflicto de tema? Algunos temas ocultan el encabezado – revisa las opciones del tema

Recursos de diseño gratuitos

• Unsplash/Pexels (fotos)
• Google Fonts (tipografía)
• Plantillas de Canva (busca “banner de Tumblr”)
• Coolors.co (paletas de color)

Tu banner es el cartel publicitario de tu blog – invierte 30 minutos para un resultado profesional que dure meses.