A la hora de visualizar tus fotografías en tu sitio web, tienes que tener en cuenta que, en función del:
- Tipo de diseño de web.
- Parte de tu site (web, blog, tienda online, área de clientes).
- Dispositivo desde el que se visualiza (pc, móvil, etc.).
- Tamaños de la pantalla.
- Etc.
Tus imágenes se verán de una manera u otra.
A continuación, te vamos a recomendar una serie de dimensiones (en píxeles) para que tus fotografías se vean siempre perfectas. Pero siempre tienes que tener presente que las dimensiones máximas que se permiten en las imágenes son de 10000px en el lado más grande, alto o ancho.
Dimensiones de las imágenes para tu página web y blog
En tu página web y en el blog, vas a poder subir fotografías a diferentes partes, como por ejemplo:
- Galerías de imágenes.
- Página de portada.
- Página de presentación.
- Páginas de servicios, sobre nosotros, etc.
- Artículos del blog.
- Etc.
Para todas estas secciones, nuestra recomendación es que subas las imágenes teniendo en cuenta una serie de consideraciones:
- Dimensiones: 2000 px de ancho o de alto.
- Formato: JPEG (extensión .jpg o .jpeg).
- Perfil de color: sRGB IEC61966-2.1.
La resolución óptima recomendada para las imágenes de una página web es de 96 ppp.
Aquí te dejamos un artículo sobre el blog donde te explicamos con más detalle el tema de las dimensiones.
Dimensiones de las fotografías para tu área de negocio (tienda online y área de clientes)
En tu área de negocio, vas a poder crear diferentes galerías de imágenes. Vamos a ver un par de ejemplos.
Venta y descarga de fotografías
Para este caso, tienes que tener en cuenta:
- Dimensiones: sube las fotografías con su resolución original.
- Formato: JPEG (extensión .jpg o .jpeg).
- Perfil de color: sRGB IEC61966-2.1.
Galerías de muestra, presentación y selección de fotografías
Para este otro ejemplo de galería, te recomendamos:
- Dimensiones: 2000 px de ancho o de alto.
- Formato: JPEG (extensión .jpg o .jpeg).
- Perfil de color: sRGB IEC61966-2.1.
Ten en cuenta que el tamaño máximo de una imagen es de 50 MB.
Tamaño del logotipo
En función del diseño de web que escojas, las dimensiones van a variar:
- Arizona: 255 px de ancho por 85 px de alto.
- Bangkok: 290 px de ancho por 150 px de alto.
- Cairo: 285 px de ancho por 85 px de alto.
- New York: 290 px de ancho por 120 px de alto.
- Tokyo: 300 px de ancho por 75 px de alto.
- Venezia: 320 px de ancho por 160 px de alto.
Esta variación en el tamaño es para que siempre se obtenga una mejor visualización del logotipo utilizado en tu web.
En cuanto al formato, te recomendamos que sea en .png con fondo transparente y preferiblemente con un perfil de color sRGB IEC61966-2.1.
Tamaño del favicon
El favicon es un símbolo que puedes añadir y que aparecerá en la barra de estado junto a la URL de tu sitio web en los navegadores.
Para este tipo de imagen te recomendamos:
- Dimensiones: te recomendamos que la imagen sea cuadrada de cómo mínimo 192 x 192 píxeles.
- Formatos: .png, .jpeg., .gif (no animado) o .ico.
- Perfil de color: preferiblemente sRGB IEC61966-2.1.
Otros artículos de interés