This set of HTML Multiple Choice Questions & Answers (MCQs) focuses on “Optimization of Images”.
1. Which of the following gives a text description of the image if it is not available?
Explanation: alt attributes gives a text description of the image if the image is not available at a time. Syntax is
<img src=”apple.jpg” alt=”This is an apple, It is red” title=”apple”/>
src attribute defines the address of the image, title attribute provides some additional information about the image.
2. Which of the following is not the software for editing images?
a) Adobe Fireworks
b) PaintShop Pro
Explanation: Web professionals use various tools for image optimization. Adobe Photoshop, Pixelmator, PaintShop Pro, Paint.net, Adobe Fireworks are some of them. There are online editors also like photoshop.com, splashup.com, pixler.com, ipiccy.com, photoshop.com.
3. JPEG format is useful when ___________
a) there are so many colors in the picture
b) there are not so many colors in the picture
c) we want to show more brightness
d) when we want to show haziness
Explanation: When we have different colors in a picture we use JPEG format. But when images have few colors or have large areas of the same color we use PNG or GIF format. Photographs that contain sky, snow, grass etc. are not suitable for PNG or GIF format.
4. Up to what resolution image should be saved by using in the web?
a) 23 ppi
b) 34 ppi
c) 72 ppi
d) 100 ppi
Explanation: Images that are created for the web should be saved at a resolution of 72 ppi. Here ppi denotes pixels per inch. Resolution’s size is directly proportional to the size of the file. The resolution of the image is measured as a number of squares that fit within 1 inch x 1 inch square area.
5. Images are usually printed at a resolution of ___________
a) 200 dpi
b) 100 dpi
c) 50 dpi
d) 300 dpi
Explanation: Images in print materials like in books or in magazines are made up of tiny circles. These tiny circles are called dots. The images are generally printed at a resolution of 300 dpi, dpi stands for dots per inch.
6. Vector images are created in ___________
a) Adobe Illustrator
b) Adobe Photoshop
c) Adobe Fireworks
Explanation: Vector images are created commonly in Adobe Illustrator. Vector images are different from bitmap images. Vector images are resolution independent. Images such as logo, diagram, illustration are created in vector format. Bitmap format includes JPG, PNG and GIF images.
7. What is the new format to display vector images?
Explanation: SVG stands for Scalable Vector Graphics. It is the new format that is used to display vector images directly, there is no need to create bitmap versions of the images. But it is not yet that much widespread.
8. Which format can create the transparent image?
Explanation: For creating transparent images one can use PNG or Transparent GIF format. These formats can create see through or partially transparent image. However transparent PNG format is not supported by old browsers like Internet Explorer.
9. For caption of the image we use ____________
Explanation: HTML5 has introduced new element named <figure>. It contains image and its caption and hence both are associated with each other. We can also have more than one image inside <figure> element and they share the same caption. Syntax is
<figure> <img src=”sea.jpg” alt=”Photograph of the sea”> <br/> <figurecaption> Sea is holding hands </figurecaption> </figure>
Sanfoundry Global Education & Learning Series – HTML.
To practice all areas of HTML, here is complete set of 1000+ Multiple Choice Questions and Answers.