Descarga nuestra guía gratuita de marketing en redes sociales para desarrollar tus destrezas y lograr que crezca tu pequeña empresa.
La dirección de correo electrónico que escribiste no es válida.
Gracias por suscribirte.
Si nos das tu correo electrónico, indicas que has leído y comprendido nuestra Política de Privacidad y que aceptas recibir comunicaciones de marketing de Squarespace.
Miramos fotos en línea todo el día, todos los días en una variedad de tamaños de pantalla. Para empresas y marcas, las imágenes que usas para promocionar tus productos, servicios o contenido son importantes tanto para atraer interés como para resaltar detalles que te hacen destacarte.
Las imágenes poderosas pueden verse perjudicadas por un tamaño inadecuado, lo que causa problemas como pixelación o carga lenta de la página y da a los visitantes una razón para cerrar el navegador. Esto significa que es importante seleccionar las imágenes y archivos correctos para que los usuarios puedan tener la mejor experiencia posible mientras navegan por tu sitio web o visitan tus redes sociales.
Esta guía explica por qué es importante considerar cambiar el tamaño de las imágenes sin procesar tanto para los sitios web como para las redes sociales, cómo hacerlo sin sacrificar la calidad y las prácticas recomendadas para tener en cuenta al cambiar el tamaño y subir imágenes.
Por qué es importante cambiar el tamaño de las imágenes
Hay dos razones principales para prestar atención al tamaño de las imágenes: la experiencia del usuario y la SEO.
Cambiar el tamaño de las imágenes beneficia a los usuarios que navegan por tu sitio web o visitan tu página de redes sociales. No importa si están en su dispositivo móvil o usando una computadora de escritorio o portátil, los navegadores de hoy están ocupados y quieren poder ver una imagen prístina que no afecte su experiencia digital.
Es fácil ignorar la buena calidad de imagen porque es lo esperado. Sin embargo, una pésima experiencia web, generalmente, es causada por fotos que son demasiado grandes y tardan mucho tiempo en cargarse, lo que hace que los usuarios esperen, o demasiado pequeñas y pixeladas o estiradas, por lo que es difícil reconocerlas.
Cambiar el tamaño de las imágenes también puede mejorar la velocidad de la página, lo que afecta tu clasificación en los resultados de búsqueda orgánicos. La velocidad de la página es el tiempo que tarda todo el contenido de una página web en cargarse. Las imágenes más pequeñas que el tamaño del archivo de imagen sin procesar (que suele ser mucho más grande que lo que aparece en un sitio web) se cargan más rápido.
Tipos de cambio de tamaño de imagen
Hay varias maneras diferentes de cambiar el tamaño de una foto y conservar su calidad. Considera los cambios de tamaño de imagen que se describen a continuación.
Reducir el tamaño: Esto hace que la imagen sea más pequeña. En muchos casos, la calidad no disminuirá drásticamente si reduces la escala de la imagen.
Aumentar el tamaño: Hacer una imagen pequeña más grande sin crear pixelación es complicado. Necesitas una herramienta de cambio de tamaño de imagen de calidad para aumentar el tamaño de una imagen sin ampliar y perjudicar la resolución general.
Recortar: Esto se refiere a omitir parte de la imagen moviéndote hacia adentro o hacia afuera para capturar una parte específica de ella. Por ejemplo, una foto de un grupo grande se puede recortar para mostrar solo a un puñado de personas en primer plano.
Cómo cambiar el tamaño de las imágenes sin sacrificar la calidad
Cambiar el tamaño de las imágenes para optimizar la experiencia web no es complicado, pero requiere cierta delicadeza para garantizar que mantengas la calidad general de la imagen. Puedes obtener los tamaños de imagen que necesitas usando el Redimensionador de imágenes gratis de Squarespace siguiendo estos pasos.
1. Seleccionar archivo y formato
En primer lugar, debes seleccionar el archivo y el formato de imagen correctos. Hay muchos tipos de archivos diferentes para las imágenes, pero no todos los tipos de archivos son compatibles para su uso en línea. Hay tres formatos de archivo principales para las imágenes con dos opciones estáticas para elegir: JPEG o PNG.
Un archivo JPEG es uno de los formatos de archivo de imagen más utilizados. Son los más fáciles de usar en páginas web porque están comprimidos para reducir el tamaño del archivo de imagen. Las fotos suelen ser JPEG. Un formato PNG a menudo ocupa más espacio que un JPEG y se usa para imágenes más complejas, como gráficos, ilustraciones, logotipos y gráficos.
2. Reduce los píxeles y revise las dimensiones
Una vez que hayas seleccionado tu archivo de imagen y el formato que prefieras, es probable que esa imagen sea (o, al menos, debería ser) de alta resolución y tendrá que reducirse significativamente para que quepa en una página web y se cargue de forma correcta. Para las páginas web, considera el tamaño de visualización del sitio web, que es 1920x1080 para una pantalla completa.
Puedes elegir entre configuraciones predeterminadas para las dimensiones de pantalla y plataformas comunes de redes sociales. Para modificar el enfoque de la imagen, puedes cambiarla arrastrando el círculo sombreado en la herramienta.
3. Guardar y descargar
Haz clic en Confirmar selección y en imágenes individuales para obtener una vista previa de cómo se verán una vez que se hayan redimensionado. Puedes volver para hacer los ajustes que sea necesario. Una vez que estés satisfecho con el aspecto de la imagen, descárgala a una carpeta antes de subirla a tu sitio o redes sociales.
Tamaños de imagen recomendados para redes sociales y sitios web
Cambiar el tamaño de una imagen puede ser un proceso bastante fácil y directo, pero solo si conoces las dimensiones correctas del lugar donde residirá la imagen. Los tamaños de las imágenes para las redes sociales y los sitios web varían según la plataforma y el uso de la imagen (es decir, el banner frente a la foto del producto). Algunas herramientas de cambio de tamaño, como las de Squarespace, tienen tamaños preestablecidos para elegir. En cualquier caso, es valioso familiarizarse con lo grande o pequeña que debe ser una imagen para la experiencia digital de tus usuarios.
A continuación, se muestran algunos tamaños de imagen recomendados tanto para plataformas de redes sociales como para sitios web.
Redes sociales
Las diferentes plataformas de redes sociales tienen diferentes tamaños de visualización de imágenes. Estos son los principales tamaños de archivo para Facebook, Instagram, TikTok, LinkedIn y X.
| TikTok | X (antes Twitter) | ||||
|---|---|---|---|---|---|
| Foto de perfil | 170 x 170 px | 320 x 320 px | 200 x 200 px | 400 x 400 px | 400 x 400 px |
| Horizontal | 1200 x 630 px | 1080 x 566 px | 1920 x 1080 px | 1200 x 627 px | 1600 x 900 px |
| Portrait | 630 x 1200 px | 1080 x 1350 px | 1080 x 1920 px | 627 x 1200 px | 1080 x 1350 px |
| Cuadrado | 1200 x 1200 px | 1080 x 1080 | 1080 x 1080 px | 1080 x 1080 px | 1080 x 1080 px |
| Crea y comparte historias | 1080 x 1920 px | 1080 x 1920 | 1080 x 1920 px | N/A | N/A |
| Foto de portada | 851 x 315 px | N/A | N/A | 1128 x 191 px | 1500 x 500 px |
Páginas web
El tamaño de las imágenes para tu sitio web depende de dónde se ubicará esta en la página y su propósito.
| Tipo | Escritorio | Móvil |
|---|---|---|
| Hero image | 1280 x 720 píxeles | 360 x 200 píxeles |
| Imagen de fondo | 2560 x 1400 píxeles | 360 x 200 píxeles |
| Banner del sitio web | 1200 x 400 píxeles | 360 x 120 píxeles |
| Imagen del blog | 1200 x 800 píxeles | 360 x 240 píxeles |
| Íconos de redes sociales | 32 x 32 píxeles | 48 x 48 píxeles |
| Imagen en miniatura | 300 x 300 píxeles | 90 x 90 píxeles |
Prácticas recomendadas para cambiar el tamaño de las imágenes
Obtener el tamaño correcto de tus imágenes es relativamente sencillo una vez que sabes qué buscar. Sin embargo, hay algunas reglas generales que pueden ayudar a que el proceso funcione sin problemas para ti en todo momento.
Usa imágenes de alta resolución. Pueden ocupar más espacio de almacenamiento, pero son las más fáciles de redimensionar y manipular para diferentes propósitos.
Cambiar el tamaño de forma incremental. A pesar de conocer todos los tamaños de archivo de imagen para las plataformas de redes sociales y los sitios web, considera cambiar el tamaño de las imágenes de forma incremental para ver cómo se muestran los píxeles y si la imagen o el elemento visual se estiran.
Guarda los archivos originales. Conserva siempre tus archivos de imagen originales en caso de que necesites hacer varios ajustes o crear diferentes imágenes redimensionadas. Cambiar el tamaño de una imagen ya redimensionada puede dañar su calidad y es posible que necesites el archivo original en el futuro.