Diferencia entre "Tamaño en píxeles" y "Resolución" en ppp en Gimp, ejemplo imagen de 200x200 pixeles y 150x150 ppp, y Comparación con el tamaño de los temas de iconos de Linux

Tengo mi logotipo el cual tiene las siguientes propiedades:



y quiero poder explicar sobre sus dimensiones. Este tutorial lo hago en MX Linux 21, pero puede servir la información para un usuario de Windows que use allí a Gimp.


Resolución en ppp (píxeles/in) o píxeles/mm

En este diseño grafico mío, en Resolución me da el valor en ppp

Para entender mejor esto, si usted tiene instalado Gimp, abralo y clic en:

→ Archivo → Nuevo

allí por defecto aparece como muestra la siguiente imagen (doy clic en Opciones avanzadas):


y me aparecen otras opciones:


La imagen tiene en Resolución: 300 x 300 ppp (o píxeles/in)


Si le da clic en Aceptar y luego da clic en:

→ Imagen → Propiedades de la imagen

verá lo que le digo:


Nota: Si tenía abierto Gimp cierrelo, y si no le aparece así como a mí, borre la carpeta oculta ".config/GIMP" (en Thunar se visualiza con "Ctrl + H")

pero hay otras imagenes o diseños que traen ese valor en píxeles/mm

Píxeles por milímetro (píxeles/mm) no es igual a puntos (o píxeles) por pulgada (ppp o dpi)

pero ambos son medidas de resolución y pueden convertirse entre sí. Aquí hay una explicación detallada:

Definiciones

  • Píxeles por milímetro (píxeles/mm): Esta es la medida de cuántos píxeles hay en un milímetro lineal de una imagen digital.
  • Puntos por pulgada (ppp o dpi)(en Gimp es píxeles/in): Esta es la medida de cuántos puntos (o píxeles) hay en una pulgada lineal de una imagen digital o impresa.

Conversión entre píxeles/mm y ppp

Dado que 1 pulgada es igual a 25.4 milímetros, puedes convertir entre estas dos unidades de la siguiente manera:

  1. De píxeles/mm a ppp:
    ppp = píxeles/mm × 25.4

  2. De ppp a píxeles/mm:
    píxeles/mm = ppp/25.4

Ejemplo de Conversión

Supongamos que tienes una resolución de 10 píxeles/mm y quieres convertirla a ppp:

ppp = 10 píxeles/mm × 25.4 = 254 ppp

Ahora, si tienes una resolución de 300 ppp y quieres convertirla a píxeles/mm:

píxeles/mm = 300 ppp/25.4 = 11.81 píxeles/mm

Resumen

  • Píxeles por milímetro (píxeles/mm) mide la densidad de píxeles en un milímetro.
  • Puntos por pulgada (ppp o dpi) mide la densidad de puntos o píxeles en una pulgada.
  • Puedes convertir entre píxeles/mm y ppp usando el factor de conversión 25.4 (ya que 1 pulgada = 25.4 mm).

Ambas unidades son útiles para especificar la resolución de una imagen digital o impresa, pero se usan en diferentes contextos (píxeles/mm es más común en aplicaciones científicas y técnicas, mientras que ppp es más común en impresión y diseño gráfico).


Diferencia entre "Tamaño en píxeles" y "Resolución" en ppp en Gimp

La diferencia entre el Tamaño en píxeles de la imagen y su Resolución en puntos (o píxeles) por pulgada (ppp), se basa en dos conceptos distintos:

  1. Tamaño en píxeles: Esto se refiere a las dimensiones de la imagen en términos de píxeles. En este ejemplo, la imagen de 200x200 píxeles tiene 200 píxeles de ancho y 200 píxeles de alto. Este tamaño en píxeles define la cantidad de detalles que la imagen puede contener, independientemente de cómo se visualice o imprima.

  2. Resolución en  ppp (puntos o píxeles por pulgada) (o también puede ser dpi): Esto se refiere a la densidad de píxeles cuando se imprime la imagen. En este ejemplo, la resolución de 150x150 ppp (puntos o  píxeles por pulgada) significa que, cuando se imprima la imagen, habrá 150 píxeles por pulgada lineal en ambas direcciones (horizontal y vertical).


Para aclarar aún más:

  • Imagen digital (200x200 píxeles): Esta imagen tiene un total de 40,000 píxeles (200 píxeles de ancho por 200 píxeles de alto). Esta dimensión es fija y no cambia si visualizas la imagen en una pantalla o la imprimes.

  • Impresión (150x150 ppp -puntos por pulgada-): Al imprimir esta imagen con una resolución de 150 ppp, la imagen ocupará un área física específica en el papel. Para calcular el tamaño físico de la impresión:

    • Ancho físico: 200 píxeles / 150 ppp = 1.33 pulgadas
    • Alto físico: 200 píxeles / 150 ppp = 1.33 pulgadas

Por lo tanto, una imagen de 200x200 píxeles impresa a 150 ppp ocupará un área de 1.33x1.33 pulgadas en el papel.

Resumen de diferencias

  • Tamaño en píxeles (200x200 píxeles): Define la cantidad total de píxeles en la imagen, determinando su nivel de detalle.
  • Resolución en ppp (150x150 ppp -puntos por pulgada-): Define la densidad de esos píxeles cuando la imagen se imprime, determinando el tamaño físico de la imagen en papel.

En una pantalla, la resolución en ppp puede no ser relevante porque las pantallas tienen sus propias resoluciones en términos de píxeles por pulgada (como 72 ppp, 96 ppp, etc.), y las imágenes se ajustan para llenar los píxeles disponibles en la pantalla. En impresión, sin embargo, la resolución en ppp es crucial para determinar el tamaño y la calidad de la imagen impresa.


A  cuantos centimetros equivale una pulgada?

Una pulgada equivale a 2.54 centímetros. Este es un valor fijo y estándar que se utiliza en todas las conversiones entre pulgadas y centímetros. Para convertir pulgadas a centímetros, simplemente se multiplica el número de pulgadas por 2.54.

Ejemplo de Conversión

  • 1 pulgada = 2.54 centímetros
  • 2 pulgadas = 2 * 2.54 = 5.08 centímetros
  • 3 pulgadas = 3 * 2.54 = 7.62 centímetros

Así, si tienes una medida en pulgadas y deseas convertirla a centímetros, solo necesitas usar esta fórmula:


longitud en centímetros = longitud en pulgadas × 2.54


Por ejemplo, para convertir 1.33 pulgadas a centímetros:

1.33 pulgadas × 2.54 = 3.37 centímetros


También se puede explicar esto con el tema de iconos de Gnome 


Este tema de iconos es posible que  ya esté instalado en su Linux (lo mejor para entender las cosas es que uno mismo pueda trastear), pero sino, lo puede instalar así:


sudo apt install gnome-icon-theme


Una vez instalado revise desde un administrador de archivos ejemplo Thunar en la siguiente ruta:

/usr/share/icons/gnome/48x48/apps/

el archivo:

/usr/share/icons/gnome/48x48/apps/accessories-text-editor.png

y ábralo con Gimp:

y luego abra también en:

/usr/share/icons/gnome/256x256/apps/:

al archivo:

/usr/share/icons/gnome/256x256/apps/accessories-text-editor.png

y ábralo con Gimp:

y en Gimp revise en:


→ Imagen → Propiedades de la imagen


Pero se dará cuenta que en ambos la "Resolución" está a: 3,543 x 3,543 píxeles/mm


Nota: En este tema de iconos del paquete "gnome-icon-theme" la Resolución no está en píxeles/in (ppp) sino que está en píxeles/mm


Para entender mejor pondré así:


Icono 48x48

/usr/share/icons/gnome/48x48/apps/accessories-text-editor.png

  • Ancho "Tamaño en píxeles": 48 píxeles / "Resolución": 3,543 píxeles/mm 
  • Alto "Tamaño en píxeles": 48 píxeles / "Resolución": 3,543 píxeles/mm


pesa 2,7 KiB

y visto en Gimp:



Aclaración: Ese valor: 3,543 píxeles/mm no es mil, es coma, o sea es: tres coma quinientos cuarenta y tres píxeles/mm

También puede comprobarlo usted en:

→ Imagen → Escalar Imagen


donde aparece todo el valor que es: 3,5430 píxeles/mm

Tamaño de impresión 

Sobre el tamaño de impresión, en:

→Propiedades de la imagen

dice:



allí dice: 13,5 x 13,5 milímetros, si, Gimp también hace el calculo, el cual si lo hacemos es:

48 / 3,543 = 13,54 milímetros

Ahora si sigo, continuo con el tamaño de iconos 256x256:

Icono 256x256

/usr/share/icons/gnome/256x256/apps/accessories-text-editor.png

  • Ancho "Tamaño en píxeles": 256 píxeles / Resolución: 3,543 píxeles/mm 
  • Alto "Tamaño en píxeles": 256 píxeles / Resolución: 3,543 píxeles/mm


pesa 42,6 KiB

y visto en Gimp:




eso quiere decir que en Gimp la "Resolución" no cambia el tamaño del archivo, pero el "Tamaño en píxeles" si lo cambia, a mayor cantidad de este ultimo mayor tamaño de archivo. Haga la prueba, a una imagen en Gimp de clic en:


→ Imagen → Escalar la Imagen




cámbiele a una imagen el valor de la Resolución:




si cambia el valor de la Resolución, no cambia el tamaño de la Imagen. Pero si usted cambiase el valor del "Tamaño de la imagen" allí si cambia el tamaño del icono en gimp en este ejemplo (o cualquier imagen), por eso, es el número que vemos en los temas de iconos, ejemplo:


adwaita-icon-theme




breeze-icon-theme




faba-icon-theme

gnome-icon-theme

hicolor-icon-theme

Ixde-icon-theme

moka-icon-theme

numix-icon-theme

numix-icon-theme-circle

papirus-folder-colors

papirus-icon-theme

sugar-icon-theme

tango-icon-theme


esos los pongo como ejemplos, pero en su Sistema Operativo Linux estan instalados algunos, vealos en:


/usr/share/icons/


¿Cuál tamaño de imagen usar?

La elección de la imagen dependerá del uso que se le quiera dar:

  • Para impresión: Se recomienda una mayor resolución (300 ppp o más) para obtener impresiones de alta calidad. Pero tienen que tener una buena cantidad de píxeles en "Tamaño en píxeles" para que se pueda ver una buena calidad de impresión
  • Para visualización en pantalla: Una resolución de 150 ppp suele ser suficiente para la mayoría de las pantallas. Las imágenes con más píxeles:
en Gimp en:

→ Imagen → Propiedades de la Imagen

a este valor "imágenes con más píxeles" se lo llama:

Tamaño en píxeles


y si usted cierra esa ventana y le da clic en:

→ Imagen → Escalar la Imagen

a ese valor se lo llama:

Tamaño de la imagen



si usted aumenta ese valor, las imagenes tendrán mayor detalle, pero también un tamaño de archivo más grande.
  • Para web: Se suelen utilizar resoluciones más bajas (72 ppp o 96 ppp) para optimizar el tiempo de carga de las páginas web. Las imágenes se verán menos nítidas, pero el impacto en el rendimiento de la web será menor.

Es importante tener en cuenta que la calidad de la imagen original también juega un papel importante. Si la imagen original tiene poco detalle, aumentar la Resolución no la hará más nítida.

Referencias sobre la diferencia entre Tamaño en píxeles y Resolución en ppp

La diferencia entre resolución en pixeles y PPP en una imagen
https://tutomaniac.com/la-diferencia-entre-resolucion-en-pixeles-y-ppp-en-una-imagen/

¿Qué son los DPI, PPI, PPP y la resolución de imágenes?
https://fluyeycrea.com/que-es-dpi-ppi-ppp-y-la-resolucion-de-imagenes/

Todo lo que debes saber sobre la resolución en ppp: ¿cuántos se consideran alta resolución?
https://www.byronvargas.com/web/cuantos-ppp-es-alta-resolucion/#google_vignette

¿Qué es ppp, dpi, ppi en una imagen? ¿Cómo configurarlos?
https://beatrizxe.com/que-es-dpi-ppi-resolucion/

Tamaño de las imágenes, resolución, dpi y ppp
https://ayuda.arcadina.com/es/articles/6670375-tamano-de-las-imagenes-resolucion-dpi-y-ppp

Los puntos por pulgada: ese gran desconocido
https://www.xatakafoto.com/guias/los-puntos-por-pulgada-ese-gran-desconocido

Comentarios