X hits on this document

PDF document

HTML Beginner's Guide - page 16 / 16

57 views

0 shares

0 downloads

0 comments

16 / 16

OPTIMIZING IMAGES

NOTE: On the web, images will always be viewed 72 DPI. It is important to think of image size as purely in terms of pixel dimensions. Keep it in mind that many users’ computer screens are still set to 800 x 600 pixels, size your design and images in relation to that scale.

  • 1.

    Resize the image: Open the image in Photoshop Under Image, click Image Size Make size adjustments under Pixel Dimensions

  • 2.

    Optimize the image Under File, Click Save for Web Click Optimized tab Choose between JPEG or GIF JPEG – use for a photographic image. GIF – use for color graphic (think comics) Adjust Quality to lowest point without compromising image quality. Hit Save

KEEP IN MIND: IMAGES ARE COSTLY TO YOUR WEBSITE IN TERMS OF FILE SIZE/DOWNLOAD TIME. THE LARGER THE FILE, THE LONGER TO LOAD, THE LESS PATIENT THE END USER!

ORGANIZING FILES

As soon as you start to work on your images, you should save them in a General Site folder, and within that site folder, inside an image folder. When creating a website it is imperative that you are organized. Below is a typical “Site”. A Site folder, this one called ‘Summer’, holds one image folder and a number of HTML files. These HTML files will link to one another and link to images in the images folder. If the files get moved out of the site folder or images folder, your links will break and your site will not work right.

Document info
Document views57
Page views57
Page last viewedSun Jan 22 10:18:10 UTC 2017
Pages16
Paragraphs214
Words4418

Comments