Welcome to My...

 

Summary 6


Chapter 5 - Images



Basics of Including Images on a Webpage


To start off when finding an image to use it is important to use royalty free images or use your own images. Or you can subscribe to stock images. It is important where you store your images. You should have a separate folder for images that will be used for your website. Lastly, when you add an image there will be code called alt and title. The alt is where you describe the image, this is helpful for visually impaired users. Then the title is used to put additional information about the image there.



Finding the Right Place for your Image


When you place an image in your webpage's code, you use a special tag called <img>. This tag tells the web browser where to find the image and how to display it on the page. Once the image is added, it affects the way text is arranged around it. For example, text might wrap around the image or be pushed down below it.



Finding the Right Size for Your Image


Before putting your image into your code, you should make sure the image is at an appropriate size for your website. It isn’t beneficial to put an unedited image into your code because it could mess up how everything looks when someone is using the website. Something to note is that if you want to enlarge an image on your website then it would be smart to find an image with a large number of pixels. This is because enlarging an image with little resolution could cause the image to appear grainy or pixelated.