Los tamaños ideales para imágenes en la web dependen del propósito y diseño de tu sitio web. Sin embargo, aquí hay algunas recomendaciones generales para optimizar tus imágenes:
Imágenes de fondo (hero o banners): 1920 x 1080 píxeles
Imágenes para blog y artículos: 1200 x 630 píxeles
Miniaturas o vistas previas: 300 x 200 píxeles
Logotipos: entre 100 y 300 píxeles de ancho
Galería de imágenes: entre 800 y 1280 píxeles de ancho
Ten en cuenta que estas son sólo sugerencias generales, y es importante adaptar el tamaño y la resolución de tus imágenes según las necesidades específicas de tu sitio web.
Para comprimir las imágenes, es necesario primero recortarlas en Figma intentando igualar el espacio que ocuparan dentro del sitio web. Es decir, si la imagen ocupará la pantalla completa, deberíamos de considerar una medida mínima de 1500px para contemplar las pantallas grandes en desktop.
Herramientas de compresión de imágenes
Compressor (Formatos JPEG, PNG, SVG, GIF y WEBP)
Compress JPG (Formatos JPG y JPEG)
