ad box #1
Launch your very own money making website today that's 100% ready to take orders and pull in MASSIVE PROFITS for you right now...GUARANTEED! Plus, you'll get your own pre-written ezine-in-a-box customized and setup for you absolutely free WITHIN 24 HOURS!! Visit: www.GetEmpoweredNow.com/pips.html
|
|
Imagine your ad above!
For rates click HERE
Feature ArticleThe Three Principles of Image Optimization
Are you losing visitors to your web site due to slow page load times? Is your site being penalized because the images on your site are too large? Are you able to capture your visitor’s attention in the first 10-15 seconds that they are on your site?
All of these problems can be caused by an improperly optimized web page. In other words, the page loads too slowly and your visitor leaves before you have had a chance to hook them.
Optimizing a page for quick load times can be broken down into 3 broad categories: the basic coding of the page, scripts that are used on the page, and images. Of these three, images that are too large can have the most significant impact on load times and therefore have the greatest potential for improved page loading times if properly optimized.
A brief primer on image types
There are many image formats in common use on web sites, the three most popular being GIF, JPEG, and to a lesser extent Flash content. We will be limiting our discussion to GIF and JPEG images, with a specific focus on still images.
Each of these image formats has their strengths and weaknesses. GIF or Graphics Interchange Format was developed by CompuServe before the Internet boom as a way to share images on the CompuServe service. Due to limitations with screen resolutions and color depths at the time, GIF images were limited to showing up to 256 colors, more colors were imitated by Dithering, a process of fooling the eye into seeing one color by using 2 or more sets of color dots spaced too closely for the eye to distinguish separately.
Imagine a chessboard with black and white squares. When viewed closely we can distinctly see the individual squares, but if we back off far enough we will no longer be able to discern the individual squares and instead we will see one large grey square, the black and white squares merging together in our eyes to form one solid color. This is the concept behind dithering.
ad box #2
Planet Ocean UnFair Advantage Book On Winning The Search Engine Wars
The Unfair Advantage Book gives you easy to understand information on practically everything regarding search engine and directory optimization and promotion.
Rated 'Best Publication On Search Engine Marketing' for Three Years Running! Click Here!
|
|
Imagine your ad above!
For rates click HERE
The JPEG file format on the other hand is a newer format that can handle millions of colors easily. The initial drawback to JPEG images is that they do contain many more colors, and each color requires some coding for display, making the file size larger.
Speeding up image load times
The main idea behind making an image load faster is to make the file size smaller. This can be accomplished in two ways, you can either make the dimensions of the image smaller, or decrease the amount of coding that is required to display the image.
The easiest way to reduce an images file size is to reduce the image’s physical dimensions. In other words, the smaller the image, the smaller the file size. Imagine an image that is a square 80 pixels by 80 pixels. The number of pixels contained in the image is 80x80 or 6400 individual pixels. If we reduce the image size by one half to 40 pixels by 40 pixels we then have 40x40 or 1600 pixels. So reducing the image size in half reduces the file size to one fourth of the original.
This is our First Principle of image file reduction: Use the smallest image dimensions that will work with your layout. And likewise the fewer images on the page, the fewer image pixels, therefore the smaller the page size.
Since GIF and JPEG image formats use different methods of saving image information, they tend to be better at showing some types of images and worse at showing others.
GIF images, since they are limited to 256 colors per image, are better at displaying images with large solid blocks of color and images with very small physical dimensions. The GIF format will produce smaller file sizes than JPEG for these types of images.
JPEG images are better at showing gradients or subtle changes from one color to another. Therefore JPEGs reproduce photographs very well, or any other image with gradations. The JPEG format will produce smaller file sizes for these types of images than the GIF format will.
Do you have an article for Web Sm@rts? Send to Web Sm@rts
Placing your article in Web Sm@rts is a great way to
gain exposure for you and/or your business! Each article is
published with your name and web site, plus a short 'resource box' at
the end of the article.
|
|
This is our Second Principle: Choose the correct image format for the image you are using. Most web pages will contain a combination of GIF and JPEG images.
Decreasing the coding is called image compression. Both GIF and JPEG images can be compressed but the process is different. In GIF images we try to limit the number of colors, in a JPEG image we use software algorithms to remove redundant information from the file.
Whenever we compress a file we will lose some image quality. We have to reach a balance between a small file size and acceptable image quality.
This is our Third Principle: Find the least acceptable level of image quality. Most images can handle some compression with very little quality loss, and all images can stand more image quality loss and still be acceptable. Your job is to decide how much quality loss you can accept. In other words, the lower the quality, the smaller the file size.
GIF images can usually be reduced from 256 colors to 128 colors or less, the fewer colors used the smaller the file size. JPEG images can almost always be reduced to a quality setting of 80% and frequently can be reduced down to as little as 15-30%. So when you use a higher compression level (smaller number) the file size will be reduced. Experiment with the image, try smaller and smaller settings until you find the smallest setting that still displays an acceptable quality.
The fastest loading page will have no images and the slowest loading page will be completely filled with full resolution images. If you work towards controlling your images using the principles outlined above you will have a very lean web page that will load quickly and be viewed favorably by the search engines.
**************
George Peirson is President of How To Gurus. He is the author of over 30 multimedia based tutorial training titles. To see training and other articles by George Peirson visit www.howtogurus.com
**************
As part of our ongoing commitment to provide quality content, we
would like you to take a moment to rate this article on a five point
scale.
|
ad box #3 Make $5000 a Week for Life!
I will Teach you How and I'll do it for Free! Plus, I will give you $100 just for the opportunity to work with you.
www.tradevestor.com
|
|
Imagine your ad above!
For rates click HERE
......................................................................
..........................................
This week's TIP
Creating a Stationary Background
Stationary background images remain in one place even when scrolling through the page. Only the text will move. To create this effect, place the following code within your <body> tag. Be sure to change yourimage.gif to the name of your image.
<body background ="yourimage.gif" bgproperties="fixed">
When selecting your background image, keep in mind that your text will be moving over your image, so try to select an image that won't make your text difficult to read.
* Get these syndicated tip feeds for yourweb site, free. *
ad box #4 File Permissions Calculator
Do you, too, experience pain and suffering trying to remember what permission equals which read-write-execute settings? Our File Permissions Calculator makes the pain go away. It's a bargain at only $5.95.
Download Now!
|
|
Imagine your ad above!
For rates click HERE
Second ArticleDigital Cameras: The Basics of Buying the Right One
Digital camera options have expanded so much that buying
one can seem more challenging than snapping a quality
picture. Getting the right camera for general use involves
some preparation before plopping down the payment.
However, you don't have to research in great depth to make the right choice you need only know what you want your
camera to do for you. You'll need to consider your own
skills, your budget and how you will use your photographs.
Today's cameras suit all skill levels and needs. There are plenty of cameras made to point and shoot, if technicalities are not your strong suit. And you'll get some nice looking snapshots with them.
Or, do you want to be creative experimenting with
self-timers, flash, shutter speed, lighting, and photo enhancement features? To fulfill these creative desires, you'll need a camera with a full range of manual controls.
Of course, with the hundreds of digital cameras that are on the shelves, you don't have to make a commitment many cameras have both automatic and manual settings. It all depends on what you want to spend.
It is important to be clear on what you're willing to spend before heading to the store or checking the online possibilities. You will narrow down the options to save yourself time and prevent regrets later.
Your planned camera usage is also a key consideration. Will you be producing high quality prints? Or will you be using
the camera largely in cyber space, producing images for
online auctions or to upload for friends and family?
Great looking prints require a more expensive camera than is necessary for illustrating an auction item. Digital camera print quality is largely determined by the number of pixels in the image.
To print quality standard sized photos that will last,
you'll need a minimum of a 1-2 megapixel digital camera. Larger photos will require 3 megapixels to get the same quality. With at least 4 megapixels, 11 x 14 enlargements will look sharp.
Another factor for image quality is the zoom lens. Optical zooms are far superior to digital zooms, which do nothing
more than enlarge the pixels. And if you plan to shoot a
lot of wildlife scenes or sporting events, consider buying
an 8x or 10x zoom.
Also, be aware that not all cameras with the same megapixels are created equal. Some have better optics and better zoom
lenses. Some have more features such as the ability to make
short videos. Some have better LCD screens for reviewing
photos. Some have batteries that are proprietary and
expensive to replace. Some are more prone to needing
repairs. So before heading to the store or to your favorite
online site, check out the reviews for the models that
interest you. Simply state your need at a search engine
something like 4 megapixel digital camera+review.
There is no need to spend hours researching every term and every available feature. Simply familiarize yourself with
basic terminology, know your needs and know which models
have the best ratings in your price range. Armed with this
knowledge, you'll be more satisfied with your investment.
**************
Todd Nelson offers photography resources
and a free newsletter at www.tephotography.com .
**************
Download of the Week |
|
Don't you just hate the way E-mail looks when you reply with the original message quoted? Email Stripper will fix that in a snap. It's removes all those goofy ">" marks. Quick easy a terrific little tool!
Email Stripper
|
Comments?
If you'd like to comment on any aspect of this publication, send
an E-mail to comments@
paradigmwebdesign.net
If you enjoyed The Web Sm@rts Newsletter, forward it to your
friends, family and associates. They'll thank you for it!
Do you know someone who might be interested in receiving
Web Sm@rts?
Recommend us!
NOTE: You have received this message because you or one of
your friends added your name to our list of those who may wish to
receive this newsletter.
If you do not wish to receive this newsletter, please point your
browser to
http://paradigmwebdesign.net/unsubscribe.html
FYI: Web Sm@rts will never share your E-mail
address or personal information with any other party for any reason
what-so-ever.
This newsletter is never sent unsolicited. To unsubscribe,
point your browser to
http://paradigmwebdesign.net/unsubscribe.html
|
 Tell them Web Sm@rts referred you! |

Recommended Reading I highly recommend the following E-zines.
ThePortalToSuccessE-Zine
Interactive Marketing Ezine
Looking for free newsletters? Just visit the
EzineXchange, Select the ones of interest and subscribe. It's free!
ezinexchange.com
Find other great e-mail newsletters and Ezines at the
Cumuli Ezine Finder: www.cumuli.com/ezines/
Web
Site and E-zine Promotion for Idiots
Get your copy from PWD and get lots of traffic to your Web Site or E-
zine instantly.
Use Link Crafter to drive more traffic to your
site. Free download from PWD.
lc.exe
Text Tally from
Harmony Hollow software
is a handy text counting utility. Download it free from PWD
Download now
E-Zine Advertising WORKS!
Place your ad in 100s of e-zines like this one. The E-Zine AdSource
Directory is the place to find discount e-zine ad space. Come see!
ezineadsource.com
Tutorials
Elated Webdesign Tips
Javagoodies JavaScript Repository
Website
Abstraction Westciv:
CSS Resources

 

|