¿Cuál es el tamaño de una imagen normal?
Convertidor de tamaño de imagen
Contenidos
A menos que una imagen sea remuestreada (véase Remuestreo), la cantidad de datos de la imagen se mantiene constante al cambiar las dimensiones de impresión o la resolución. Por ejemplo, si cambia la resolución de un archivo, su anchura y altura cambian en consecuencia para mantener la misma cantidad de datos de imagen.
En Photoshop, puede ver la relación entre el tamaño de la imagen y la resolución en el cuadro de diálogo Tamaño de la imagen (elija Imagen > Tamaño de la imagen). Deseleccione la opción Remuestrear imagen, porque no quiere cambiar la cantidad de datos de la imagen en su foto. A continuación, cambia la anchura, la altura o la resolución. A medida que cambias un valor, los otros dos valores cambian en consecuencia. Con la opción Remuestrear imagen seleccionada, puedes cambiar la resolución, la anchura y la altura de la imagen para adaptarla a tus necesidades de impresión o de visualización en pantalla.
Sitio web con las mejores prácticas de tamaño de imagen
En el caso de las imágenes que se muestran en pantalla, una mayor resolución no equivale a una mayor claridad, como ocurre con las imágenes impresas. En el caso de las imágenes en pantalla, la resolución significa simplemente el tamaño. Si la resolución es mayor, las dimensiones de la imagen serán mayores. Las imágenes más grandes pueden parecer más claras, pero hay una contrapartida en el espacio de la pantalla. Aunque las imágenes muy pequeñas a menudo se ven “borrosas” cuando se ven a mayor escala, la diferencia de calidad a medida que las imágenes se hacen más grandes apenas se nota cuando se ven a sus tamaños previstos.
Cuando se trabaja con imágenes y resolución de pantalla se habla de píxeles. Los píxeles son simplemente bloques de color dispuestos en una cuadrícula. La cuadrícula forma la imagen que se está viendo. Tanto una pantalla como una imagen pueden medirse en píxeles. Usamos el término ppi o píxeles por pulgada. Esto especifica cuántos píxeles representan una pulgada lineal de una imagen o pantalla de monitor.
Al escanear una fotografía de 3×5 pulgadas a 100 píxeles por pulgada, la imagen resultante se convierte en 300×500 píxeles porque cada pulgada está representada por 100 píxeles distintos. Si se escanea una imagen a una resolución más alta, la imagen resultante será más grande. Por ejemplo, al escanear la misma fotografía de 3×5 pulgadas a 200 píxeles por pulgada, la imagen resultante se convierte en 600×1000 píxeles porque cada pulgada de la imagen está representada por 200 píxeles.
Tamaño de la foto de perfil
La relación de aspecto de una imagen o un vídeo es la relación proporcional entre la anchura y la altura. Lo reconocerás como dos números separados por dos puntos en formato x:y. Por ejemplo, una imagen de 6×4 pulgadas tiene una relación de aspecto de 3:2, mientras que un vídeo de 1920×1080 píxeles tiene una relación de aspecto de 16:9.
La relación de aspecto no tiene unidades, sino que representa el tamaño de la anchura en comparación con la altura. Esto significa que una imagen medida en centímetros tendrá la misma relación de aspecto aunque se haya medido en pulgadas. La relación entre la anchura y la altura determina la relación y la forma, pero no el tamaño real de la imagen.
Las relaciones de aspecto son una parte fundamental del contenido web porque las imágenes deben cargarse con diferentes relaciones de aspecto para diferentes usos, como el de escritorio o el de móvil, o el de blog o el de redes sociales. Si utilizas las relaciones de aspecto correctas, te aseguras de que tus imágenes o vídeos se muestren tal y como están pensados, sin estiramientos ni pérdidas de resolución. Tener una relación de aspecto incorrecta para tu proyecto puede afectar a la experiencia del usuario final.
Tamaño del archivo de imagen
El sistema de coordenadas que utiliza iOS para colocar el contenido en la pantalla se basa en medidas en puntos, que se asignan a píxeles en la pantalla. Una pantalla de resolución estándar tiene una densidad de píxeles de 1:1 (o @1x), donde un píxel equivale a un punto. Las pantallas de alta resolución tienen una mayor densidad de píxeles y ofrecen un factor de escala de 2,0 o 3,0 (denominados @2x y @3x). Por ello, las pantallas de alta resolución exigen imágenes con más píxeles.
Suministre imágenes de alta resolución para todas las ilustraciones de su aplicación, para todos los dispositivos que ésta admita. Dependiendo del dispositivo, esto se consigue multiplicando el número de píxeles de cada imagen por un factor de escala específico.
Utiliza una cuadrícula de 8px por 8px. Una cuadrícula mantiene las líneas nítidas y garantiza que el contenido sea lo más nítido posible en todos los tamaños, lo que requiere menos retoque y nitidez. Ajusta los límites de la imagen a la cuadrícula para minimizar los medios píxeles y los detalles borrosos que pueden aparecer al reducir la escala.
Produzca el material gráfico en el formato adecuado. En general, utilice archivos PNG desentrelazados para las ilustraciones de mapa de bits/raster. El formato PNG admite la transparencia y, como no tiene pérdidas, los artefactos de compresión no difuminan los detalles importantes ni alteran los colores. Es una buena opción para las ilustraciones complejas que requieren efectos como sombreados, texturas y reflejos. Usa JPEG para las fotos. Su algoritmo de compresión suele producir tamaños más pequeños que los formatos sin pérdidas y los artefactos son más difíciles de discernir en las fotos. Sin embargo, los iconos fotográficos de aplicaciones se ven mejor como PNG. Utilice PDF para los glifos y otras ilustraciones planas y vectoriales que requieran un escalado de alta resolución.
