Resizing Images for Your Website
Nov
19
Written by:
11/19/2009 2:01 PM
Follow these quick tips for using images on your church website and you'll have a site that loads quickly and looks great. First, there are a few things you need to know.
Image Dimensions: Digital images are composed of a large number of individual dots called pixels. Every digital image can be measured in terms of pixel width and height. When you look at the information or properties of an image on your computer and you see something like this (Dimensions 3600 x 2400) you are looking at the pixel dimensions of the image. In this case, the image is 3600 pixels wide and 2400 pixels high.
Image Resolution: The resolution of an image is measured in dots per inch (dpi) for print images or pixels per inch (ppi) for images viewed on a computer screen. While not technically the same, the terms dpi and ppi are often used interchangeably. The most common resolution that you will find for images on the web will be 72ppi. This is due to the simple fact that this is the best resolution that can display on the vast majority of computer screens.
As an example, the images below have the same dimensions (200 x 148) but different resolutions 10ppi on the left, 72ppi in the middle and 300ppi on the right.
Why This Matters: When you take a picture with a digital camera or get a high quality print graphic from a designer, these images may have very large dimensions (let’s say 3600 x 2400) and a very high resolution (600dpi). An image with these specs could mean a file size as large as 6MB or more. If you simply take this image and drop it on your website, you will notice that the page will load extremely slowly even on the fastest connection.
On the other hand, if you take this same image and resize by reducing the resolution to 72ppi and the dimensions to no larger than the largest occurrence of the picture on your website, you can reduce the file size down to just a few kb. This means that your site will load fast and you will keep your people happy.
Let’s say that you decide that you want an image to stretch about two thirds of the way across your site. Since a typical website is between 800 and 1100 pixels wide so you will want to reduce the dimensions of your image so that the width is between about 550px and 750px.
How To Pull This Off: If you have access to an image-editing tool like Photoshop, Aperture, or Fireworks, then resizing your images will be a snap. There are simply features in these tools that will allow you to set the dimensions and the resolution. These tools will also have a “Save for Web” feature that will save a copy of an image with the resuoltion reduced to 72dpi. If you don’t have access to an image-editing tool like these, there are some free ways to resize your images. You can check out www.photoshop.com and www.shrinkpictures.com for free online tools that will help you resize your images. You can also use the Export feature with the Medium Quality preset on iPhoto.
1 comment(s) so far...
christian louboutin shoes on sale
The herve leger dress have the best design and the beautiful appearance.When you see it at the first sight,you must fall in love with it.When you try this herve leger on in the party, you will become the focus. The herve leger bandage dress feature the allover bandage details.It is so beautiful and sexy. All of the herve leger dress should be dry clean to keep its special design and beautiful appearance. herve leger sale refined and elegant style of popular fashionable tide of people’s affection. Once you wear this beautiful,elegant, sexy and charming featured herve leger strapless dress in the party,you are undoubtly the forcus of the party. herve leger dresses are loved by many people also include super stars.Beautiful designer wedding dresses and bridal gowns for your big day. Buy cheap wedding dresses, wholesale bridesmaid dresses, designer wedding dresses, bridal gowns, wedding gowns, evening dresses from our online store, free shipping. Cheap wedding dresses, custom wedding dresses, wedding gowns, bridesmaid dress,beach wedding dresses and vintage wedding dresses wholesale by bridaldress-us.com. All plus size wedding dresses are well made with high quality.Have you ever dreamed about owning a pair of Christian Louboutin shoes? you will be more beautiful when you wear the Christian Louboutin shoes. So start to be fashion. Christian Louboutin sale offer new-style Christian Louboutin Pumps, Christian Louboutin Boots, fashion and discount Christian Louboutin Sandals , It also make women feel confident and empowered if they wear the Discount Louboutin Shoes, The unique design will add your temperament to make you love the nice life more and more. Discount Christian Louboutin must give you a happy and memorable time. Cheap Christian Louboutin is known as a leading and affordable brand. Christian Louboutin sale is well designed, popular and fashionable. free shipping for all Christian Louboutin shoes with best quality.This is a professional store for Jordan Shoes, Air Jordan Shoes with top quality and lowest price. offer latest and classic style Women's, kids' and men's cheap Jordan shoes, Cheap Air Jordan Shoes series on here. Welcome to Air Jordan Shoes Online Store, Jordan Shoes loved by many people, It has unique feature. All Jordan Shoes in our shop are good quality and cheap. Have you been busy in finding the good, practical and gorgeous sneakers for every day wear? Gucci hats may be the best blessing for you if you are the fans of Gucci jeans. buy Gucci shoes 2011 collections, save up to 60%. Free shipping for all Gucci sneakers, Gucci satchel bags, Gucci clothing, women Gucci pumps shoes and other Gucci accessories. Gucci shoes are popular all over the world, If you are Looking for cheap Gucci handbags, Discount Gucci wallets on sale, Best supplier of Gucci sunglasses, Buy highest quality replica Gucci watches at cheapest price, Gucci men shoes are good, shopping Gucci women shoes online.
By louboutin on
5/15/2011 11:18 PM
|