¿Cómo de útil te ha parecido este artículo?
Tamaños y formatos ideales de imágenes para una web
No existe una norma específica que diga qué tamaños de imágenes deben subirse a una web. Sin embargo, sí que existen una serie de recomendaciones que se deben seguir para conseguir unos resultados óptimos.
Formatos de imágenes ideales para tu web en Witaps
Actualmente Witaps admite los formatos JPG y PNG en la web. Estos son los formatos de imagen más utilizados y con ellos puedes subir imágenes óptimas a tu web. Te vamos a contar a continuación para qué puedes utilizar cada uno de ellos:
- Formato de imagen JPG: es el formato más utlizado en web por la capacidad de compresión que tiene. SI buscas subir una imagen con un peso bajo, con JPG lo puedes conseguir. Sin embargo, hay que tener cuidado, porque también pierde mucha calidad. Si quieres subir una imagen en JPG que pese poco, debes encontrar el equilibrio. Además, no admite transparencias, así que si lo que quieres es subir una imagen con fondo transparente, deberás hacerlo en PNG.
- Formato de imagen PNG: si subes imágenes en formato PNG a tu web conseguirás que tengan una mayor calidad que si las subes en JPG. Sin embargo, la compresión será mucho menor. Por eso, es recomendable utilizar estas imágenes cuando quieras incluir una transparencia, ya que con este formato podrás hacerlo.
Peso ideal de las imágenes en la web
El peso de tus imágenes es un factor muy importante para que tu web se posicione correctamente en buscadores. Esto es así porque si pesan demasiado pueden afectar a la velocidad de carga. Si la página no carga en menos de 3 segundos, los motores de búsqueda pondrán tu web más abajo en el ranking de resultados de búsquedas. Simplemente, identifican que la experiencia del usuario en tu sitio se puede ver afectada negativamente.
Para que esto no te pase, es recomendable que subas imágenes de alrededor de 300 kb de peso. No obstante, no siempre se puede cumplir esta norma, ya que hay imágenes más pesadas que otras. Por eso, en el panel de administración de Witaps te dejamos subir imágenes y archivos de hasta 10 MB. Aun así, te recomendamos que tus imágenes no superen 1 MB.
Medidas óptimas para tus imágenes
Los tamaños de las imágenes en web varían en función del lugar en el que quieras colocarlas. La medida que vamos a utilizar para los tamaños es el píxel. Te dejamos aquí unas recomendaciones de los lugares más comunes en una web de Witaps:
- Imagen de banner principal: estas imágenes utilizan el ancho completo de la web. Por eso, te recomendamos que la subas en su tamaño estándar. Este tamaño es de 1920 px de ancho por 1080 de alto. El alto puedes ir modificándolo según quieras. Las medidas que te hemos dado corresponden con una imagen que cubriría toda la pantalla. Si quieres subir un banner más pequeño, unas medidas orientativas serían de 1920 (ancho) x 600 (alto) px.
- Imagen a media pantalla: si quieres cubrir solo la mitad de la pantalla, puedes tomar como referencia las medidas de alto que te hemos facilitado para el banner principal. En cuanto al ancho, deberás dividir el ancho total de la pantalla entre 2. Así, el ancho ideal sería de unos 960 px.
- Imágenes de producto: en Witaps no tenemos limitaciones para el tamaño de la imagen de producto. Sin embargo, es muy recomendable que utilices el mismo tamaño para todas las imágenes. Para conseguir un diseño uniforme, te recomendados que subas imágenes cuadradas. Más o menos puede servirte con imágenes de 500 x 500 px. Haz la imagen lo grande que necesites. Pero utiliza siempre el mismo tamaño para todas.
- Imagen del Order Bump: en Witaps puedes crear estrategias de venta cruzada y aumentada en tu carrito para los productos que quieras. No existe un tamaño fijado para estos recuadros. Sin embargo, te recomendamos que subas imágenes en formato cuadrado, igual que las de los productos. Es importante que mantengas una uniformidad en el tamaño para estas imágenes. Sube siempre imágenes del mismo tamaño.
- Carrusel de testimonios: el carrusel de testimonios muestra imágenes cuadradas. Así, te recomendamos que su tamaño sea de 500 x 500 px. Sube siempre imágenes del mismo tamaño para no perder la uniformidad.
- Fragmento para redes sociales: las imágenes que subes en tus fragmentos para redes sociales son muy importantes. Debes mantener un estándar de tamaños para que se muestren correctamente. Por eso, es muy recomendable que siempre que subas una imagen aquí, su tamaño sea de 1200 x 630 px.
- Imagen principal para post de blog: esta imagen sirve también para el fragmento del post cuando lo compartas en redes sociales. Por eso, el tamaño que te recomendamos para esta imagen es el mismo: 1200 x 630 px.
Visita la sección Imágenes y recursos gráficos para más artículos de ayuda.