Cómo incrustar un archivo PNG en HTML

Un archivo PNG es un archivo de imagen , al igual que un archivo JPEG o GIF. Sin embargo , JPEG y GIF comprime la imagen, sacrificar la calidad para un tamaño de archivo más pequeño . Imágenes PNG no están comprimidos , lo que lleva a las pantallas de mayor resolución . Para visualizar un archivo de imagen PNG en su sitio web, incrustar en el código HTML. La sintaxis es simple. Puedes controlar la altura o la anchura de la imagen en el código o incluso agregar un borde. Instrucciones
1

Pega el siguiente en el código HTML en el que desea que aparezca la imagen en su sitio :

2

Haga clic con el PNG en línea y seleccione "Copiar dirección de imagen " (o similar) .
3

Pegue la dirección de la imagen en lugar de " URL ". Se debe terminar en. Png . Por ejemplo , usando una foto situada en " http://www.mywebsite.com/myphoto.png ", el código lee :
4

Ajuste el ancho y la altura añadiendo width = " X " y height = " X " antes del paréntesis de cierre . Cambie los valores (X ) para el tamaño que desee ( en píxeles). Utilizando el ejemplo anterior, y el tamaño de 300 píxeles x 200 píxeles , el código lee :

< img src = "width http://www.mywebsite.com/myphoto.png " = "300" height = " 200 ">
5

Agregar una frontera escribiendo border = " negro sólido 1px " antes del paréntesis de cierre . Usted puede cambiar el tamaño , el color o el estilo (sólido, discontinua , punteada) . El código lee :