Especificaciones de Imágenes
Anchura en píxeles: En la mayoría de los casos, de 1000 a 2500 px. Y cuidar la orientación si todas se necesitan en cuadrado, horizontal o vertical asi deben ir, por ejemplo en un slider todas deben tener el mismo ancho y alto
Alto en pixeles: por lo general igual que el ancho a menos que sea para slider entonces dependiendo de lo deseado sería entre 500 y 900 px.
Peso del archivo: Cualquier archivo mayor de 2 MB puede afectar gravemente a la velocidad de la web. En la mayoría de los casos es mejor optar por imágenes más ligeras sin que pierdan calidad.
CASOS
SLIDERS
Cuando se trabajan imágenes que se despliegan de lado a lado en toda la pantalla su ancho siempre será 1800px. Por el otro lado, su alto dependerá de cuánto espacio quieres que abarque la imagen, lo cual puede ir aproximadamente de 600px a 800px.
INTERIORES
Las imágenes 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.PRODUCTOS
La medida ideal es un formato cuadrado de 1000px. Si es muy importante ver el detalle al dar click en una galería pueden ir a 2000px.
BLOGS Y MINIATURAS
La medida recomendada para esta plataforma son imágenes cuadradas de 1080px como en Instagram.
Porque mejora la experiencia de usuario
Utilizar el tamaño de imagen correcto para cada uso ayuda a mejorar la experiencia de usuario, pues facilita la visualización de la web sin tener que utilizar el zoom para ver los detalles o hacer scroll para ver la imagen entera.
Por el contrario, las imágenes de alta calidad y tamaño correcto aumentan el valor percibido de sus productos y ofrecen más información visual a los clientes potenciales.
Porque mejora la velocidad de la página
Cuando en las webs se utilizan imágenes de gran tamaño, el servidor necesita más tiempo para cargar la página cada vez que un usuario accede a ella. En términos de SEO de imágenes, a esta métrica se le conoce como “contentful paint”.
Las imágenes más pequeñas (sobre todo en lo que respecta al peso del archivo) suelen necesitar menos tiempo para cargar en todos los dispositivos.
Porque mejora el ranking de las webs
El ranking de una web puede hacer referencia al ranking general de una web (o al ranking del dominio), o también a lo cerca de la primera posición que aparece cuando un usuario busca un término específico en un motor de búsqueda.
El algoritmo de Google utiliza un montón de métricas para determinar qué aparece en la primera página de resultados, y la calidad de las imágenes (y la experiencia de usuario que estas generan)
Herramientas
Optimizar multiples imagenes
https://imagecompressor.com/Optimizar PNG
https://tinypng.com/Agrandar imagen
https://clipdrop.co/image-upscaler
https://snapedit.app/enhanceRecortar
https://snapedit.app/remove-bgVectorizar
https://vectorizer.io/
https://vectorizer.com/
https://vectorization.eu/
https://www.autotracer.org/
