Comprueba primero el ancho real
Una foto de 5000 px mostrada en una columna de 900 px no aporta cinco veces más información visible; el navegador descarga el archivo grande y luego lo reduce.
Las pantallas densas necesitan margen
En pantallas de alta densidad, un píxel CSS puede usar varios píxeles físicos. Puede ser útil preparar imágenes algo mayores que su ancho CSS, sin conservar siempre el máximo original.
Fotos y capturas de interfaz requieren criterios distintos
Las fotos suelen tolerar compresión con pérdida; código, tablas y texto pequeño pueden perder legibilidad con artefactos.
Usa un flujo repetible
Comprueba tamaño de visualización → redimensiona → elige formato → comprime → revisa la página real. Es mejor que memorizar un único valor de píxeles.