¿Qué es un archivo PNG?

¿Está confundido por lo que es un archivo PNG en Adobe Photoshop? Si es así, es perfectamente comprensible porque hay muchos formatos de archivo de imagen disponibles para los fotógrafos. Los más comunes incluyen Jpeg, GIF, TIFF y, por supuesto, PNG.

Lo que hace que las cosas sean aún más complicadas es que cada una tiene un propósito específico. En este artículo, veremos el formato PNG. Aprenderá qué es un archivo PNG, para qué sirve y cómo crearlo.

PNG, que se pronuncia como «ping» y su nombre de archivo es .png, significa Gráficos de Red portátiles. Es un tipo de formato de imagen que los diseñadores web utilizan para crear sitios web porque admite fondos transparentes y/o imágenes semitransparentes (de hecho, es el único tipo de formato de imagen que admite transparencia).

Esta capacidad hace que PNG sea ideal para logotipos y gráficos dinámicos de sitios web. Así que si quieres un sitio web de aspecto fantástico que a tus visitantes les encantará, definitivamente deberías usar imágenes con formato PNG.

Es probable que haya visto imágenes PNG antes, por ejemplo, cuando se encuentra un logotipo transparente en la imagen de un fotógrafo, lo que le permite ver la foto a través del logotipo. En este caso, el propósito de la transparencia es promover sutilmente al fotógrafo que tomó la foto (y evitar que otra persona la use).

Una técnica de reducción de datos llamada compresión sin pérdida crea archivos PNG. Esto significa que cuando alguien elige comprimir una imagen, no se pierde ninguno de los datos que contiene. En otras palabras, el archivo PNG sigue siendo idéntico al archivo de imagen original. Esto es diferente de la compresión con pérdida, que pierde información cuando comprime una imagen de archivo.

Otra ventaja de PNG es que admite escala de grises y espacios de color PNG-8, PNG-24 y PNG 32, lo que le permite mostrar una amplia gama de colores.

Sin embargo, esto significa que los archivos PNG pueden ser grandes, por lo que las imágenes generalmente están en formato Jpeg (los archivos Jpeg tienen pérdidas, lo que significa que cada vez que se descomprimen, se eliminan los datos).

Otra ventaja del formato PNG es que está libre de patentes, lo que significa que cualquiera puede usarlo sin licencia.

¿Qué programas abren archivos PNG?

Muchos programas abren archivos PNG. Estos incluyen programas de visualización de fotos predeterminados, programas de edición de fotos como Lightroom y Adobe Photoshop, y navegadores web. En cualquiera de estos programas, puede ver un archivo PNG seleccionando ‘abrir’ en el menú desplegable o simplemente arrastrarlo y soltarlo en el programa o en un navegador web.

Si aún no tiene Photoshop y Lightroom, puede obtenerlos a través del plan Creative Cloud de Adobe por solo 9,99 USD/mes.

Adobe Photoshop y Lightroom y algunas de las herramientas más populares utilizadas por fotógrafos, diseñadores gráficos y desarrolladores web debido a sus capacidades.

Formas más sencillas de Crear un archivo PNG en Adobe Photoshop

Cómo crear un archivo PNG en Adobe Photoshop es un proceso sencillo. Dependiendo de lo que desee lograr con una imagen o un gráfico, puede haber solo unos pocos pasos o varios.

Pasos para crear un archivo PNG en Photoshop:

• Haga clic en Archivo en el menú superior, luego seleccione Abrir
• Elija el archivo de imagen y haga clic en Abrir
• Haga clic en Archivo en el menú superior, luego seleccione Guardar como

• En el cuadro de diálogo, seleccione PNG en el menú Formato

• Haga clic en Guardar

Aunque esta es una forma rápida de crear un archivo PNG, no altera la imagen de ninguna manera, como hacerla transparente o eliminar el fondo para aislar el(los) sujeto (s). Estas son las acciones más comunes para archivos PNG. Siga los pasos a continuación para aprender a hacer ambas cosas.

2. Cree una imagen transparente de Photoshop

• Abra el archivo repitiendo los pasos descritos en el número 1.
• Abra el panel de capas si aún no está visible a la derecha. Para ello, haga clic en Ventana y, a continuación, seleccione Capas.

• Haga clic en la capa de fondo en el panel Capas y, a continuación, haga clic en Aceptar en el cuadro de diálogo que aparece. Esto desbloquea la capa, lo que le permite cambiarla.

• Haga clic en el menú desplegable Opacidad en el panel Capas y elija un porcentaje inferior al 100%. Cuanto más bajo vayas, más transparente será la imagen.
• Haga clic en Archivo en el menú superior y elija Guardar como y seleccione PNG en el menú desplegable. Ahora tiene una imagen de Photoshop transparente.

Elimine el fondo para aislar el sujeto

• Abra el archivo repitiendo los pasos descritos en el número 1.
• Agregar una capa de transparencia: En el menú superior, haga clic en Capa y, a continuación, seleccione Nueva. Ahora verá una nueva capa en blanco en el panel Capas que se parece a un tablero de ajedrez gris y blanco. Photoshop lo establece automáticamente en transparente.

• Arrastre la nueva capa debajo de la capa de imagen de fondo en el panel capas.
• Haga clic en la nueva capa para seleccionarla.

Consejo: En lugar de crear una nueva capa, también puede hacer clic en el pequeño icono de candado para desbloquear la capa de fondo. Lo que elimines de la imagen se volverá transparente.

• Seleccione el tema: En la barra de herramientas del lado izquierdo, seleccione la herramienta Varita mágica.

• Haga clic en Seleccionar asunto en la parte superior de la ventana. Photoshop selecciona automáticamente lo que cree que son los sujetos. Verá una selección de «hormigas marchantes» que lo rodea.

• Eliminar el fondo: Haga clic en Seleccionar en el menú superior y, a continuación, elija Inverso. Esto selecciona el área de la imagen que desea eliminar alrededor del sujeto.

• Pulsa Eliminar en el teclado. El patrón de tablero de ajedrez gris y blanco del fondo transparente ahora es visible.
• Presione Comando (Control en PCs) + D para eliminar las hormigas marchantes.

Consejo: Es posible que la selección pierda algunas áreas. Por ejemplo, puede pensar que las sombras son los bordes del sujeto. Para solucionar esto, haga clic en el icono
«Restar de la selección» en la parte superior de la ventana, luego use la herramienta varita mágica para eliminar más de las áreas no deseadas.

Los beneficios y desventajas de los archivos PNG

Al principio de este artículo, lee qué es un archivo PNG y para qué se utiliza. También aprendió sobre algunos de sus beneficios, incluida la compresión sin pérdidas (no se pierden datos y la calidad de imagen sigue siendo la misma) y que admite espacios de color PNG-8 (256 colores), PNG-24 (más de 16 millones de colores) y PNG-32 (PNG 24 + 8 para fondos transparentes).

Otras ventajas incluyen la amplia gama de transparencia desde invisible (0%) hasta completamente visible (100%), puede agregar metadatos y puede crear archivos PNG con varias capas. Además, los archivos PNG pueden comprimirse entre un 10% y un 30% más que los archivos GIF.

El formato PNG tiene algunas desventajas. A diferencia de GIF, que significa Formato de Intercambio de gráficos, PNG no admite animación. Además, como se indicó anteriormente, los tamaños de archivo PNG suelen ser más grandes que los archivos Jpeg. Esto podría ser un problema si no tiene mucho espacio de almacenamiento.

Afortunadamente, estos problemas generalmente no son un problema para la mayoría de las personas, ya que los archivos PNG están diseñados principalmente para sitios web.

¡Así que eso es todo! Debería estar bien encaminado para crear archivos PNG en Photoshop utilizando la información que aprendió en este tutorial. Muy pronto podrás hacer un logotipo que puedes poner en tus fotos o hacer un sitio web atractivo.

Si le resultó útil este tutorial, también puede estar interesado en consultar estos artículos:

• Cómo Optimizar tus Imágenes para la Web (Paso a paso)
• Cómo Agregar una marca de agua con Photoshop y Lightroom
• Tu Guía rápida de Capas en Photoshop

Si te ha parecido útil este artículo, síguenos en Twitter y Facebook para leer más de nuestros tutoriales gratuitos de WordPress y otros recursos.