HELP. I've created a website with a LOT of graphics. The problem is it takes forever to load. I've since reduced the .jpeg queality to 85%. But it still takes a long time to load.
Is there a way to have the .jpeg files displayed a little at a time when loading on the web page and/or have the quality increase as the image loads? I THINK this is called "progressive" but am not sure if photo impact has this ability to save jpeg files in this format. Also, anybody know if ALL web browsers will be able to see the picture correctly if I save it in this 'progressive' jpeg format?
Any suggestions would be GREATLY appreciated. Thanks in advance.
Faster Loading JPEG files? Progressive/Interlaced Jpeg file?
-
keenart
Yes Progressive is part of the Ulead JPEG format; you just have to select that option as opposed to Standard when saving an image.
There are many things you can do to reduce page load times. You can create Sliced images using tables. You can use small thumbnails that link to a larger view. You can reduce the Color model to 256 or less colors, change the resolution to 72 dpi. You can create an image file numbering system that will load one image before others and the remaining in a specific sequence so they will not clog the download. Your possibilities are unlimited.
The first rule of thumb is, “Use as few images as possible!,” get rid of animated images, they stop other images from loading while they are playing.
Compress an image until it can no longer be compressed and still look good on the largest monitor. I have compressed images 100 percent without difficulty.
Web Imageing is a subject that often requires a very good Book on the subject.
There are many things you can do to reduce page load times. You can create Sliced images using tables. You can use small thumbnails that link to a larger view. You can reduce the Color model to 256 or less colors, change the resolution to 72 dpi. You can create an image file numbering system that will load one image before others and the remaining in a specific sequence so they will not clog the download. Your possibilities are unlimited.
The first rule of thumb is, “Use as few images as possible!,” get rid of animated images, they stop other images from loading while they are playing.
Compress an image until it can no longer be compressed and still look good on the largest monitor. I have compressed images 100 percent without difficulty.
Web Imageing is a subject that often requires a very good Book on the subject.
-
2log
I agree with Keenart here that for optimized loading speed of a webpage, you should use less images as possible.
PhotoImpact creates cool looking image based webpages rather than the normal frame and table based webpage structures. Its definitely easier to design and gives you more flexibility with what you can do but the trade off is... your webpage will load slower (noticeable if you have a dial-up connection).
It would be cool if you can learn the basics of HTML as well so after making a PhotoImpact webpage, you can make some minor tweaks like remove some unnecessary images and replace it with tables, as well as the things that keenart suggested here.
There are a lot of HTML tutorials you can learn from for free like web based or PDF downloadeable tutorals. It's not as hard as it looks. Don't be afraid to go down on the source codes!
I'm not discouraging you from using PhotoImpact for making webpages. I myself have created some cool webpages and active desktops with PhotoImpact and I simply love it! You just got to be aware of the trade offs...
PhotoImpact creates cool looking image based webpages rather than the normal frame and table based webpage structures. Its definitely easier to design and gives you more flexibility with what you can do but the trade off is... your webpage will load slower (noticeable if you have a dial-up connection).
It would be cool if you can learn the basics of HTML as well so after making a PhotoImpact webpage, you can make some minor tweaks like remove some unnecessary images and replace it with tables, as well as the things that keenart suggested here.
There are a lot of HTML tutorials you can learn from for free like web based or PDF downloadeable tutorals. It's not as hard as it looks. Don't be afraid to go down on the source codes!
I'm not discouraging you from using PhotoImpact for making webpages. I myself have created some cool webpages and active desktops with PhotoImpact and I simply love it! You just got to be aware of the trade offs...
-
keenart
puzzele
I took the time to view your web page.
Web page design is a “complex animal,” however, I will try to address the subject in as short a form as possible.
When designing a page, it is common for many to design the most exciting view, and at the same time, in one long gasp tell all. This is great if I am speaking to someone else directly. BUT, designing a web page is not the same. It is rather, to get ones attention first, before one tells the story, or asks the most important question. If you explain all before you get the initial response, the party to attract looses interest. i.e. I yell as loudly as possible “Fire,” before I try to put out the fire, not the reverse.
Here are a few pointers that may help in reducing the burden your site is experiencing.
Try to state your point in as short a fashion, but as interestingly as possible for your particular audience, to gain their immediate attention. I sound like an advertising agency!
You should try to avoid Transitions, instead use large decorative tasteful text or a small decorative graphic that states your purpose and gets their attention quickly.
This is often done by breaking a Main Page up into several smaller pages. On the Main Page you might have the following:
If designing a personal page, try to include a header that focuses on a Welcome theme, make them comfortable. Decorative Text Headings or small graphics should display and load quickly. If you have sound, do not load the sound with the page, but have a “Click Here” button to add sound if they like. By giving them a preference to control their environment it make them more at ease. Use a background that is a soft solid color, rather than a gif or tiled texture. Try to make the main page small with highly compressed images so it will load quickly, people don’t like to wait. You should have several other link buttons on the Main Page that go to a BIO page, perhaps a Request Page, and so on. Remember the Main Page is to get and hold ones Attention, nothing more; the other pages are to explain. Always include link buttons on all pages so one can navigate back and forth quickly.
Other pages should follow the same rule, be colorful but precise and to the point. Text should be large and easy to read in a standard typeface people are used to reading. Remember each typeface has and exemplifies a certain emotional strength to other people, which goes for color as well. The most common typefaces are Times Roman, Courier, and Ariel. Women are attracted to one type of color, soft and pastel, while men often prefer bright and colorful. Mix your color well and send a message of emotional strength.
I took the time to view your web page.
Web page design is a “complex animal,” however, I will try to address the subject in as short a form as possible.
When designing a page, it is common for many to design the most exciting view, and at the same time, in one long gasp tell all. This is great if I am speaking to someone else directly. BUT, designing a web page is not the same. It is rather, to get ones attention first, before one tells the story, or asks the most important question. If you explain all before you get the initial response, the party to attract looses interest. i.e. I yell as loudly as possible “Fire,” before I try to put out the fire, not the reverse.
Here are a few pointers that may help in reducing the burden your site is experiencing.
Try to state your point in as short a fashion, but as interestingly as possible for your particular audience, to gain their immediate attention. I sound like an advertising agency!
You should try to avoid Transitions, instead use large decorative tasteful text or a small decorative graphic that states your purpose and gets their attention quickly.
This is often done by breaking a Main Page up into several smaller pages. On the Main Page you might have the following:
If designing a personal page, try to include a header that focuses on a Welcome theme, make them comfortable. Decorative Text Headings or small graphics should display and load quickly. If you have sound, do not load the sound with the page, but have a “Click Here” button to add sound if they like. By giving them a preference to control their environment it make them more at ease. Use a background that is a soft solid color, rather than a gif or tiled texture. Try to make the main page small with highly compressed images so it will load quickly, people don’t like to wait. You should have several other link buttons on the Main Page that go to a BIO page, perhaps a Request Page, and so on. Remember the Main Page is to get and hold ones Attention, nothing more; the other pages are to explain. Always include link buttons on all pages so one can navigate back and forth quickly.
Other pages should follow the same rule, be colorful but precise and to the point. Text should be large and easy to read in a standard typeface people are used to reading. Remember each typeface has and exemplifies a certain emotional strength to other people, which goes for color as well. The most common typefaces are Times Roman, Courier, and Ariel. Women are attracted to one type of color, soft and pastel, while men often prefer bright and colorful. Mix your color well and send a message of emotional strength.
-
Masami
-
heinz-oz
And one more thing that hasn't been mentioned yet, reducing the quality of images does not neccessarily translate into fast loading times, you should also resize images to make them show complete even in a smaller browser window. There are still a lot of people out there using 14" or 15" monitors. A large image will still load slower at max. compression than a smaller image with less compression applied.
The above statement is meant in general terms. I have not seen your web site nor did you state any details of image sizes, resolutions, compression etc.
The above statement is meant in general terms. I have not seen your web site nor did you state any details of image sizes, resolutions, compression etc.