¿Cómo insertar Imágenes con html?
Ajustes opcionales
Cambia el tamaño de la imagen. Añade una descripción. Hazla un enlace.
Para obtener mejores resultados, redimensiona la imagen usando un software de edición gratuito y luego sube la nueva versión. Establecer el ancho y el alto con HTML indica al navegador que reduzca o agrande la imagen, lo cual puede ser inconsistente entre los navegadores y causar (raramente) errores de visualización. Si lo que buscas es un ajuste rápido y útil, usa este formato:   <img src="http://example.com/example.png" alt="muestra esto" width=200 height=200> (Número de píxeles o "píxeles CSS" más enfocados a los teléfonos en HTML5)  o <img src="http://example.com/example.png" width=100% height=10%> (Porcentaje de las dimensiones de la página web o porcentaje del elemento HTML que contiene la imagen)  Si ingresas solo un atributo (ancho o alto), el navegador debería preservar el ratio ancho:alto. El atributo título puede usarse para añadir comentarios adicionales o información acerca de la imagen. Por ejemplo, puedes citar al artista aquí. En la mayoría de los casos, este texto aparecerá cuando el visitante pase el puntero sobre la imagen. <img src="http://example.com/example.png" title="Fotografía de J. Godfrey"> Para hacer que una imagen sea también un enlace, inserta una etiqueta de imagen dentro de  la etiqueta hiperenlace <a></a>. Aquí hay un ejemplo: <a href="http://www.urloflink.com><img src="http://urlofimage.com/image.gif"></a>
Optional Adjustments