Pasos para resolver errores en la carga de imágenes o problemas de visualización después de cargarlas

Cuando subes una imagen a tu sitio, dependiendo de su formato, es posible que no aparezca como esperabas. Es importante que sigas nuestras pautas de formato para minimizar los errores de carga o los problemas de visualización.

Usa esta guía para resolver errores durante el proceso de carga o después de que se haya añadido una imagen a tu sitio.

Consejo: Antes de subir, revisa nuestras pautas de formato y la información de tus archivos de imagen para asegurarte de que cumplan con nuestros requisitos

Errores durante la carga

Si aparece un error al intentar subir una imagen, revisa nuestros requisitos para las imágenes y asegúrate de que tu imagen los siga. Si utilizas el tipo de archivo correcto y tu imagen tiene 20 MB o menos, el problema podría ser la resolución de tu imagen. Esta se mide en megapíxeles y nuestro límite es de 120 MP. Sube la imagen de nuevo después de que cumpla con nuestros requisitos.

Si tu archivo de imagen cumple con todos nuestros requisitos, pero sigue apareciendo un error durante la carga, el problema podría estar relacionado con tu navegador. Sigue nuestros pasos de resolución de problemas del navegador y vuelve a intentarlo.

Imágenes borrosas

Si una imagen aparece borrosa o pixelada, probablemente sea porque se está ampliando para ajustarse al ancho del contenido. Esto suele suceder porque la imagen es demasiado estrecha, así que te recomendamos usar imágenes que sean más anchas de 1500px en la mayoría de las áreas de Squarespace. Sin embargo, algunas áreas de contenido tienen otros requisitos:

• Iconos del navegador (o iconos de favoritos)
• Imágenes en campañas de email marketing
• Logotipos del sitio en la versión 7.0

Redimensiona la imagen para que cumpla con nuestros requisitos, luego súbela de nuevo.

Distorsión de color

Si el color de una imagen está distorsionado, puede que el modo de color o el perfil de color de tu imagen no estén formateados correctamente.

Revisa nuestros requisitos para las imágenes, luego actualiza los ajustes de color de la imagen si es necesario. Una vez que cumpla con nuestros requisitos, súbela de nuevo.

Imágenes de banner recortadas en dispositivos móviles

Las imágenes de banner casi siempre se recortan en dispositivos móviles porque un banner es ancho y los dispositivos móviles son más angostos. Si observas recortes en dispositivos móviles:

• Revisa cómo aparecen los banners y las imágenes de fondo de sección en los dispositivos móviles.
• Aprende a personalizar tus banners para mitigar los problemas de recorte.

Es posible que necesites editar la imagen fuera de Squarespace y subirla de nuevo para obtener el efecto que buscas.

La resolución de la imagen cambia en diferentes tamaños

Cuando cambias el tamaño de una imagen en tu sitio, nuestro procesador de imágenes resamplea la imagen en lugar de redimensionarla directamente, lo que conserva las mismas dimensiones en píxeles. Esto significa que, a medida que cambia el tamaño del contenedor de las imágenes, los píxeles pueden mezclarse, lo que puede resultar en que las imágenes pierdan algo de nitidez.

Subir imágenes que cumplan con nuestros requisitos y prácticas recomendadas garantizará que tus imágenes se renderizen con una claridad aceptable en cualquier tamaño, pero se esperan pequeñas discrepancias.

Más pasos

Si tus imágenes cumplen con nuestros requisitos pero siguen apareciendo distorsionadas o recortadas de forma inesperada, puedes:

• Realizar cambios de estilo en el bloque, la sección o la página en los que hayas agregado imágenes.
• Utilizar puntos focales para centrarlas.
• Utilizar nuestro editor de imágenes integrado para realizar cambios, como recortar y cambiar la relación de aspecto.
• Seguir los pasos descritos en Solución de problemas de recorte.
• Cambiar el tamaño, recortar o editar las imágenes originales en tu dispositivo y volver a cargarlas.

Para informarte sobre cómo hacer tus imágenes más accesibles, visita Hacer que los audios, imágenes y videos sean más accesibles.