Image Quality & File Size
Always use good quality images. Photos from your cellphone or older digital cameras may not be high enough resolution for use on the web. Be wary about any blurry or small images you find on the internet. Your best option is to contact Creative Services to take photos for you, or request your web intern to search our photo stock for you. Additionally you may purchase photo-stock, but check with Web Services BEFORE purchasing to ensure you purchase the correct license option.
Saving images for web is a balance between quality and file size. The better quality images, the bigger the file size and the longer to download; a smaller file may be faster to download, but will be lower quality. Make sure you image is only as big as it needs to be for where you plan to use it. For example, header images should be between 1000 and 1600 pixels wide. Images in the content area should be no bigger than 1000 pixels on their longest dimension. Images in the sidebars should be no more than 400 pixels wide. Save your images as “jpg” rather than “png” or “bmp”. “JPG” offers you the best image quality at the smallest image size. Consider following this tutorial to crop, rotate, and resize your images.
If you’re familiar with Photoshop, you can use it to compress your images. If not, you can use online image compressors to make you image files as small as possible before uploading.