First, read the Spanish article below.

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> 

Now, please write a short abstract for it in Chinese. Abstract:
更改图片大小。 添加提示信息。 创建为链接。