IS THERE A WAY TO RESIZE PICTURES BY HTML? Please Help!?
hey. i made a slideshow by putting
<marquee><img src="link">
but the pictures are way to big! and im too lazy to resize it in my program. is there a way to add on to the html that would specifically make the pictures a different size? please help!!
<marquee><img src="link">
but the pictures are way to big! and im too lazy to resize it in my program. is there a way to add on to the html that would specifically make the pictures a different size? please help!!
The previous answers are good ones, but I'd just like to add an extra bit of information.
You would use <img src="your_img.jpg" width="x" height="y" /> where x and y are in pixels (however, you do not need to include 'px' after the number; pixels is implied). For instance, you could have:
<img src="your_img.jpg" width="50" height="50" />
in which case your image would be 50 pixels by 50 pixels. It is important to note that you can both condense the size of your image as well as make it larger (although it would appear jagged at a certain point).
Of course, resizing an image to be smaller is better for file size and bandwidth considerations in the long run and would be the better option.
It is also interesting to note that you can change the size of your image through CSS as well. In this case, you can use many other units besides pixels, including, but not limited to, em and percentages.
You would do this through the width and height (aptly named) styles, most likely in conjunction with an id on your image or as an inline style. For instance, as an inline style, you could also have:
<img src="your_img.jpg" style="width: 50px; height: 3em;" />
in which case you DO need to include the px suffix (although IE and possibly other browsers may understand if you omit it).
You would use <img src="your_img.jpg" width="x" height="y" /> where x and y are in pixels (however, you do not need to include 'px' after the number; pixels is implied). For instance, you could have:
<img src="your_img.jpg" width="50" height="50" />
in which case your image would be 50 pixels by 50 pixels. It is important to note that you can both condense the size of your image as well as make it larger (although it would appear jagged at a certain point).
Of course, resizing an image to be smaller is better for file size and bandwidth considerations in the long run and would be the better option.
It is also interesting to note that you can change the size of your image through CSS as well. In this case, you can use many other units besides pixels, including, but not limited to, em and percentages.
You would do this through the width and height (aptly named) styles, most likely in conjunction with an id on your image or as an inline style. For instance, as an inline style, you could also have:
<img src="your_img.jpg" style="width: 50px; height: 3em;" />
in which case you DO need to include the px suffix (although IE and possibly other browsers may understand if you omit it).
The previous answers are good ones, but I'd just like to add an extra bit of information.
You would use <img src="your_img.jpg" width="x" height="y" /> where x and y are in pixels (however, you do not need to include 'px' after the number; pixels is implied). For instance, you could have:
<img src="your_img.jpg" width="50" height="50" />
in which case your image would be 50 pixels by 50 pixels. It is important to note that you can both condense the size of your image as well as make it larger (although it would appear jagged at a certain point).
Of course, resizing an image to be smaller is better for file size and bandwidth considerations in the long run and would be the better option.
It is also interesting to note that you can change the size of your image through CSS as well. In this case, you can use many other units besides pixels, including, but not limited to, em and percentages.
You would do this through the width and height (aptly named) styles, most likely in conjunction with an id on your image or as an inline style. For instance, as an inline style, you could also have:
<img src="your_img.jpg" style="width: 50px; height: 3em;" />
in which case you DO need to include the px suffix (although IE and possibly other browsers may understand if you omit it).
You would use <img src="your_img.jpg" width="x" height="y" /> where x and y are in pixels (however, you do not need to include 'px' after the number; pixels is implied). For instance, you could have:
<img src="your_img.jpg" width="50" height="50" />
in which case your image would be 50 pixels by 50 pixels. It is important to note that you can both condense the size of your image as well as make it larger (although it would appear jagged at a certain point).
Of course, resizing an image to be smaller is better for file size and bandwidth considerations in the long run and would be the better option.
It is also interesting to note that you can change the size of your image through CSS as well. In this case, you can use many other units besides pixels, including, but not limited to, em and percentages.
You would do this through the width and height (aptly named) styles, most likely in conjunction with an id on your image or as an inline style. For instance, as an inline style, you could also have:
<img src="your_img.jpg" style="width: 50px; height: 3em;" />
in which case you DO need to include the px suffix (although IE and possibly other browsers may understand if you omit it).
Yes but is not recomanded
Try Irfan view for resing the pictures. in this manner your downloading size will be smaller and the user can dowload you page faster it important for some people
Use Irfanview from http://www.irfanview.com
File >Batch conversion/Rename Select batch conversion(on the bottom of the screen)> Set advanced Options >Resize
But if you want to not resize them write:
<marquee><img src="link" width="your prefered width", height="your prefferedheight" />
Try Irfan view for resing the pictures. in this manner your downloading size will be smaller and the user can dowload you page faster it important for some people
Use Irfanview from http://www.irfanview.com
File >Batch conversion/Rename Select batch conversion(on the bottom of the screen)> Set advanced Options >Resize
But if you want to not resize them write:
<marquee><img src="link" width="your prefered width", height="your prefferedheight" />
<marquee><img src="image.jpg" height=### width=###></marquee>
The height and width will be in pixels not inches,...
You can also modify the direction of your marquee.(link to page below)
If your image is going to be linked to somethint else, you could use border=0 to take that blue outline off of the image.
<marquee><img src="image.jpg" height=### width=### border=0></marquee>
The height and width will be in pixels not inches,...
You can also modify the direction of your marquee.(link to page below)
If your image is going to be linked to somethint else, you could use border=0 to take that blue outline off of the image.
<marquee><img src="image.jpg" height=### width=### border=0></marquee>
<img src="you picture.jpg" width="the width you need" height="the height you need" border="0">
yes there is but its really bad webdesign because you force the viewer to download a picture that bigger than the displayed one.
Just put a width="x" height="y" after your Img src code (make sure its inside the ">"
Just put a width="x" height="y" after your Img src code (make sure its inside the ">"
you can resize your picture by writing like this:-
<marquee><img src="link" width="value of width in numbers" height="value of height in numbers">
Save as filename.html
Then run the program in IE
<marquee><img src="link" width="value of width in numbers" height="value of height in numbers">
Save as filename.html
Then run the program in IE