Bienvenido a mi blog. Aquí encontrarás todas las cosas que he creado e ido aprendiendo con el tiempo, útiles para ti y tu sitio web.

Cómo cambiar tamaño de imagen sin Photoshop

27.5.20


Por lo general ocurre que queremos colocar una imagen por medio de la URL (o dirección web), sin embargo resulta que para cuando la publicamos esa imagen es muy grande para el lugar de ubicación. Y queda un sitio web desordenado.

Pues tengo una solución muy simple... A nuestro código que alberga la URL de nuestra imagen le agregaremos  width='000'  antes de finalizar el código de img
De esto: <img src="URL" /> a esto <img src="URL" width="000" />
Reemplazando los tres CEROS (000) por el tamaño (en números) que deseas tenga tu imagen. Esta por demás mencionar que WIDTH viene a ser el ancho de la imagen, pero esto igual modifica el alto de la misma. Es decir si tenemos una imagen cuadrada, al modificar el ancho, el alto será proporcionalmente igual. Y si tenemos una imagen rectangular si se modifica el ancho, el alto vendrá a ser directamente proporcional al ancho modificado.

Tamaño Original


  
1ra imagen a la izquierda, 300 de width. 2da imagen en el centro, 200 de width. 3ra imagen a la izquierda 100 de width.

No hay comentarios:

Publicar un comentario

Home About Design My designs Contact