¿Cómo hacer más pequeña una imagen en HTML?

¿Cómo hacer más pequeña una imagen en HTML? A veces se nos complican muchas cosas referentes a la informática, por ejemplo el uso de ciertos programas nos puede costar utilizarlos por la diversidad de funciones que ellos traen, pero si mantenemos en nuestra mente que esas cosas son difíciles se nos va a dificultar realizarlas, pero poco a poco vas a ir aprendiendo cualquier cosas que desees aprender, en este caso te vamos a enseñar a cómo hacer más pequeña una imagen en HTML, no es nada complicado.

En este sentido, entrando más con el tema, los atributos del ancho y de la altura en HTML te especifican el tamaño de una imagen píxeles. Por otra parte en HTML 4.01, la altura puede describirse en píxeles o también en porcentajes del elemento del contenedor. A continuación te vamos a explicar cómo puedes hacer más pequeña una imagen en HTML.

¿Cómo puedo hacer más pequeña una imagen?

Tienes que abrir el documento HTML en un editor de textos, los ordenadores con Windows y de Mac traen programas de editores de texto, un ejemplo de ello sería el Bloc de Notas y Edición de texto, entre otros. Estos programas funcionan para elaborar o para editar HTML. También puedes abrir el documento HTML que se encuentra adentro del programa cuando haces clic en “Abrir” en la pestaña de “Archivo” o cuando presionas clic derecho en el archivo de navegador.

Tienes que agregar la siguiente línea al código: <img src=»archivoimagen.jpg» alt=»Image» height=»42″ width=»42″>. En este sentido “src” significa la ruta del archivo de la imagen, “alt” significa la etiqueta que le colocas a la imagen, tienes que tomar en cuenta que esos números se encuentran pixelados, otra cosa que puedes hacer es utilizarla etiqueta de “style”.

¿Qué pasos son los que tengo que comenzar a realizar?

Estos son algunos de los pasos que debes realizar, tienes que cambiar los valores de “height” y “width”, un ejemplo de esto puede ser si colocas 21 en las áreas de “width” y “height” vas a obtener una imagen de la mitad de su tamaño original.

Tienes que guardar el archivo y después abrirlo utilizando cualquier navegador para poder observar los cambios, ahora que si no te gustó el tamaño de la imagen entonces puedes repetir los pasos anteriores a estos.

¿Qué consejos puedo tomar en cuenta?

Es importante que especifiques siempre los atributos de “height” y de “width” en las imágenes. Por otra parte si la altura y  el ancho se encuentran especificados, entonces se va a reservar el espacio suficiente para la imagen al cargar la página.

Tienes que reducir el tamaño de una imagen grande utilizando los atributos de “height” y de “width”, de esta manera vas a forzar al usuario a poder descargar la imagen grande. Estos son algunos de los pasos que puedes realizar, esperamos que te hayan servido de ayuda.

  • PARA REDUCIR UNA IMAGEN EN HTML es necesario realizar estos pasos.