¿Por qué la imagen debe ser preferiblemente en formato PNG?

El formato PNG Permite trabajar con imágenes con un fondo transparente, es decir sin fondo. Por ejemplo imagínate la pagina de Youtube en modo oscuro vale? Ahora posiciona tu vista en el logo y ves que este tiene un fondo blanco... Se vería muy mal no? nada presentable, una mala experiencia de usuario. Asi que PNG es muy util sobretodo para tratar ese punto, logos o iconos de alguna empresa u producto.

Hoy en día se está usando mucho svg, te recomiendo que comiences a indicar y a comenzar a utilizar en tus proyectos.

¡Hola mangierocha! El formato PNG es el más adecuado para usar en fondos de los sitios web, en iconos y gráficos o imágenes que no son fotografías, o con trazos finos o texto, ya que aunque no estén comprimidos, por sí mismas no deberían ocupar demasiado KB. Además, gracias a su fondo transparente, pueden usarse en cualquier sitio de manera sencilla, manteniendo una gran calidad.

¡Nunca pares de aprender! 🦄

En realidad el formato PNG si pierde calidad, solo que es un formato con mayor información por pixel que un JPG (en todo caso eso dependerá de la resolución y del tamaño de la imagen). Lo único bueno en web de un PNG es su transparencia. Pero no olviden que en web es mejor tener una imagen menos pesada que una con alta resolución. Sino piensen en la cantidad de datos q consume un celular al abrir la página. Yo te recomiendo que uses SVG o JPG a no se que necesites usar PNG obligatoriamente.

Te ayuda a que nunca pierda calidad, y la transparencia que puede dar la imagen da un efecto único muy genial, puedes pasar de cualquier formato a png y añadirle transparencia con Photoshop

Las ventajas es que no pierde calidad la imagen ademas puede tener transparencia

aparte no se deforman

porque te permite tener transparencias

Para que permita transparencia. :)