Las imágenes se pueden usar para la foto de perfil, el encabezado, el fondo y las miniaturas de botones de tu página de Bitly. También puedes agregar imágenes como contenido en tu página, que se muestran como una imagen única, en cuadrícula o en carrusel. Sigue estas mejores prácticas y recomendaciones para aprovechar al máximo el diseño de tu página.
Este artículo incluye:
- Requisitos generales de la imagen
- Miniaturas de botones
- Imágenes de perfil/logotipos
- Imágenes de fondo y de encabezado
- Imágenes integradas
Requisitos de las imágenes de la página de Bitly
Las imágenes deben ser de uno de estos tipos de archivo: PNG, SVG, JPG o GIF.
El tamaño máximo de la imagen es de 2500 x 2500 píxeles.
El tamaño máximo del archivo es de 5 MB.
Todas las imágenes deben cumplir con nuestra Política de uso aceptable. Las imágenes rechazadas pueden ser apeladas.
Miniaturas de botones
Las imágenes en miniatura en los botones de tu página de Bitly ayudan a atraer la atención hacia tu contenido más importante. Aquí tienes algunos consejos para usarlas:
- Las dimensiones de la imagen deben ser 1:1
- Ten en cuenta el contraste de color con el color de tu botón.
- Las imágenes simples como los iconos funcionan mejor
Imágenes de perfil
La imagen debe tener una relación de aspecto de 1:1.
Si tienes varias versiones de tu imagen, te recomendamos usar la versión menos compleja. El tamaño de tu imagen de perfil varía según el diseño de la página, pero en general, las imágenes simples se ven mejor.
También puedes variar e incluir tu logotipo en la imagen de encabezado en ciertos diseños.
Imágenes de fondo y encabezado
Las imágenes se pueden usar como fondo de cualquier página de Bitly. Muchas de nuestras plantillas también tienen una sección de encabezado. Te recomendamos diferentes relaciones de aspecto para cada una:
- Fondo: Te recomendamos usar una imagen con orientación vertical (retrato).
- Encabezado: Te recomendamos usar orientación horizontal (paisaje).
Evita imágenes complejas o detalladas tanto para el encabezado como para el fondo al mismo tiempo, ya que así tu página puede verse muy recargada.
Escalado de imágenes de fondo y encabezado
Piensa en dónde es más probable que tu audiencia vea tu página (en un dispositivo móvil o en la pantalla de un ordenador), luego prueba tus imágenes y recórtalas o escálalas para que se vean mejor allí.
Una vez que subas las imágenes de fondo y encabezado, tienes tres opciones:
- Estirar: La imagen se ajusta al tamaño más pequeño posible para llenar la página o la sección del encabezado, sin dejar espacio vacío.
- Ajustar: La imagen se ajustará para que sea completamente visible, lo que podría dejar espacios vacíos.
- Repetir: Si la imagen es más pequeña que el área donde se usa, se repetirá hasta cubrir todo el espacio.
Si tus imágenes de fondo o de encabezado dejan espacios vacíos en tu página, puedes configurar el color de fondo para que se funda con la imagen o el entorno.
Imágenes integradas
Tu página puede tener imágenes integradas junto a otro contenido (botones de enlace o vídeos). Al igual que con tus otras imágenes, ten en cuenta el contraste de color con tu fondo.
Hay tres formas de añadir este tipo de imágenes:
- Imágenes integradas individuales
- Imágenes en un diseño de cuadrícula (según tu plan)
- Imágenes en un carrusel (según tu plan)
Para las imágenes individuales, puedes elegir su relación de aspecto: 1:1, 3:2 o 16:9. También puedes usar la relación de aspecto original, lo que significa que estas imágenes son muy flexibles: Pueden ser verticales, horizontales o cuadradas.
Para las cuadrículas y los carruseles, la imagen debe tener una relación de aspecto de 1:1. El tamaño de estas imágenes se ajusta automáticamente según el número de imágenes en cada cuadrícula o carrusel:
- Cuadrículas: Las imágenes se ajustan automáticamente para crear una cuadrícula uniforme, hasta 3x3.
- Carruseles: Si hay una o dos imágenes, ocupan el ancho del contenido en la página. Si hay tres o más imágenes, la vista previa de la tercera imagen se muestra a la derecha y el contenedor se vuelve desplazable.