Blog

cual-es-el-tamano-ideal-para-las-imagenes-de-un-sitio-web-2022

Cual es el tamaño ideal para las imágenes de un sitio web 2022?

Cual es el tamaño ideal para las imágenes de un sitio web 2022?

Responsive image

En casi todas las ocasiones que una persona (cliente) necesitar crear un sitio web a su vez necesita un paquete de imagenes o fotografias que le ayduen a elaborar su propuesta.

Lo recomendado en estos casos es buscar un profesional que te ayude a crear un portafolio de imagenes de producto y a su vez los assets necesarios para el sitio web y las cuentas de redes sociales...

Ahora en este proceso sucede mucho que el equipo de diseño y fotografía solicitan al equipo de desarrollo una medida exacta y un peso equilibrado para las imagenes del sitio web, aca les dejo mi respuesta.

Para Banners:
Cuando se trabajan imágenes que se despliegan de lado a lado en toda la pantalla su ancho siempre será 2000px. Por el otro lado, su alto dependerá de cuanto espacio quieres que abarque la imagen, lo cual puede ir aproximadamente de 600px a 800px.

Imagenes de banners para la web 2022

Imágenes para categorías y colecciones:
Las imágenes para promocionar colecciones pueden variar su ancho dependiendo de cuantas se ubican lado a lado. Si la imagen llega a la mitad de la pantalla, utiliza su ancho en 1000px. En el caso de que sean más de dos columnas trabaja las imágenes en un mínimo de 800px. El alto de las imágenes queda libre al estilo que se busca, puedes utilizar la misma medida para tener imágenes cuadradas o variar alrededor de 200px por imágenes más verticales u horizontales.

Tamaño de imágenes para categorías y colecciones

Fotograía de producto:
La medida recomendada para esta plataforma son imágenes cuadradas de 1080px. Puedes utilizar esta misma medida para la publicidad en Instagram como en Facebook.

tamaño de foto de producto para la web 2022

Por ultimo quiero compartir con tigo este enlace donde puedes comprimir el peso de las imagenes para garantizar al 100% la calidad de tu trabajo en la web.
Compresor de peso de imágenes - tinypng.com

Como último paso quiero referenciar a haciendola.com,ya que el materíal visual para construir este post fue utilizado y referenciado de dicha fuente.



Tu también puedes comentar 😁

Sin comentarios... ✎