Embedded Files
Resizing Images
Using Google Sites to resize
Google sites gives you 5 sizing options when inserting an image.
These 5 sizes adjust the width, and the height adjusts accordingly to keep the shape of the image.
S: Width = 200
M: Width = 320
Original will not shrink or stretch the image beyond its original size. In this instance the image is over 2000px wide and therefore would not even fit on this webpage.
L: Width = 400
Original: Width = Original width of the image
100%: Width = 100% of the available space
Using HTML to Resize
Using HTML you can make your image any size you want.
This means you can design your webpages however you want and are not restricted to the Google Site sizes.
Width = 500
Width = 192
When adjusting the size of your image using HTML you only need to adjust the width as long as you delete the HTML code for height when you do so. This is because the image will automatically adjust the height accordingly = NO MATHS REQUIRED!
<img src="https://sites.google.com/a/ptengland.school.nz/
htmlexamples/home/images/Auckland.jpg" border="0" width="200"height="114">
Change the size of the image to 280 Width and delete the HTML code for height.
<img src="https://sites.google.com/a/ptengland.school.nz/
htmlexamples/home/images/Auckland.jpg" border="0" width="280" >
If you forget to delete the code for height you will end up with a squashed image!
<img src="https://sites.google.com/a/ptengland.school.nz/
htmlexamples/home/images/Auckland.jpg" border="0" width="280" height="114">
Page updated
Report abuse