Se pueden añadir imágenes para la foto de perfil, el encabezado, el fondo y las miniaturas de botones de las Bitly Pages. También puedes agregar imágenes como contenido en tu página y mostrarlas como una imagen única, en cuadrícula o en carrusel. Sigue estos consejos y recomendaciones para aprovechar al máximo el diseño de tu página.
Este artículo incluye:
- Requisitos generales de las imágenes
- Miniaturas de botones
- Imágenes de perfil o logotipos
- Imágenes de fondo y de encabezado
- Imágenes integradas
Requisitos de las imágenes de las Bitly Pages
Las imágenes deben estar en uno de estos formatos de archivo: PNG, SVG, JPG o GIF.
El tamaño de la imagen no puede superar los 2500 x 2500 píxeles.
Los archivos deben tener un tamaño máximo de 5 MB.
Todas las imágenes deben cumplir con nuestra Acceptable Use Policy. Si una imagen se rechaza, se puede apelar la decisión.
Miniaturas de botones
Añadir imágenes en miniatura para los botones de tu Bitly Page ayuda a atraer la atención hacia tu contenido más importante. Estos son algunos consejos para usarlas:
- Las dimensiones de la imagen deben ser 1:1.
- Ten en cuenta el contraste de color con tu botón.
- Las imágenes sencillas como los iconos son la mejor opción.
Imágenes de perfil
La imagen debe tener una relación de aspecto de 1:1.
Si tienes varias versiones de la imagen, te recomendamos usar la menos compleja. El tamaño de la imagen de perfil varía según el diseño de la página, pero, en general, las imágenes sencillas se ven mejor.
Ciertos diseños te permiten variar e incluir tu logotipo en la imagen de encabezado.
Imágenes de fondo y encabezado
Los fondos de las Bitly Pages pueden incluir imágenes y muchas plantillas también tienen una sección de encabezado. Para estos dos elementos, te sugerimos diferentes relaciones de aspecto:
- Fondo: te recomendamos usar una imagen con orientación vertical.
- Encabezado: te aconsejamos usar orientación horizontal.
Evita utilizar de forma simultánea imágenes complejas o detalladas tanto en el encabezado como el fondo, ya que podría provocar que la página se vea muy recargada.
Ampliación de imágenes de fondo y encabezado
Teniendo en cuenta dónde es más probable que se vea tu página (en un dispositivo móvil o una pantalla de ordenador), prueba las imágenes en esa plataforma, y recórtalas o amplíalas hasta encontrar las dimensiones perfectas.
Tras subir las imágenes de fondo y encabezado, tienes tres opciones:
- Extender: la imagen se ajusta al tamaño más pequeño posible para llenar la página o la sección de encabezado sin dejar ningún espacio vacío.
- Ajustar: la imagen se adaptará para verse entera, 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 la imagen de fondo o de encabezado deja espacios vacíos en la página, puedes configurar el color detrás de la misma para disimularlos.
Imágenes integradas
Tu página puede incluir imágenes integradas con otro tipo de contenidos (botones de enlaces o vídeos). Al igual que con el resto de imágenes, ten en cuenta el contraste de color con el 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 (dependiendo de tu plan)
- Imágenes en carrusel (dependiendo de tu plan)
En el caso de 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, por lo que estas imágenes son muy flexibles: pueden ser verticales, horizontales o cuadradas.
En cuanto a 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 de forma automática en función del número de imágenes en cada cuadrícula o carrusel.
- Cuadrículas: las imágenes se ajustan al instante para crear una cuadrícula uniforme de 3 x 3.
- Carruseles: de una a dos imágenes, estas ocuparán el ancho del contenido en la página. A partir de tres, la vista previa de la tercera imagen se muestra a la derecha y el elemento que las contiene se vuelve desplazable.