Big photos keep folks from viewing Web pages as swiftly as they would like. This is a huge set back for many online visitors. You can convert photographs into thumbnails to make pages load faster. When you create a thumbnail, the huge image is resized to a smaller sized dimension. Resizing the picture proportionally retains the image from distorting when it’s resized. You can create thumbnails in an image editor software, such as Fireworks, Paint Store Pro or Photoshop.
Materials you’ll need:
- The Large Image
- Photoshop, Fireworks or Paint Shop Pro Software
- A Text editor
How to instructions
- Open your favorite image editor, such as Fireworks, Photoshop or Paint Store Pro. Choose “File” and “Open” from the menu to open the image you want to resize.
- Choose “Image” and “Image Size” from the Photoshop menu. In Fireworks, Select “Modify,” “Canvas Size” and “Image.” In Paint Store Pro, pick “Image” and “Resize.” A dialog box pop opens.
- Decrease the authentic dimension (by pixels or percentage) of the image’s height and width. To change the dimensions proportionally, check “Constrain Proportions” in Photoshop/Fireworks or “Maintain unique print size” in Paint Shop Professional and modify the height or width. Click on “Ok.”
- Select “File” and “Save As” to open the Save As dialog box. Rename the file in the “Filename” text area and click on “Save.” The thumbnail is created.
- Close the image editor and open your favorite text editor, such as Notepad, EditPad or TextPad.
- Select “File” and “Open” from the menu. Search and double-click on the HTML file where the thumbnail will show up. Insert this code:
- 7: Substitute “image1-large.jpg” with the name of the unique picture. Change “image1-tiny.jpg” with the name of thumbnail.
- 8: Pick “File” and “Save” from the menu to save the HTML file.
<a href=”image1-large.jpg” target=”_blank”><img src=”image1-small.jpg” alt=”” /></a>
This concludes the end of this tutorial. Thanks for reading, please post your feedback or any concerns below.