FORUMS: list search recent posts

Why this is happening to me ?

COW Forums : Web Design

<< PREVIOUS   •   FAQ   •   VIEW ALL   •   PRINT   •   NEXT >>
MiLiNdWhy this is happening to me ?
by on Apr 18, 2005 at 5:54:57 am

Hi Everybody,

Right now I am redesigning my web site. I have created web layout in Photoshop and sliced it and bring it to Dreamweaver MX where i did the linking and all that stuff.

BUT I DONT KNOW why the layout has few white patches If is see it on my home comp ( in both IE and Mozila ) it looks absolutely OK but when i host it , shows the white small patches around. pls. see http://www.milindonline.com/tester/graphics.html . is there anything I am doing wrong here ?

Also according to you does it takes lot of time to load ? if so what can be don ? I have created rollovers in Imageready so i need to export it with ImageReady slices. If i created my own slices to cut down the file size then the rollovers i have created are not visible.

--thnx for any help.


Return to posts index

Brian of Influx mediaRe: Why this is happening to me ?
by on Apr 19, 2005 at 2:52:29 am

I'm on a cable modem with a 5 meg download. Your site did load completely in a few seconds, but I could see it loading all the slices you have on that one page... WOW.. it seems like alot. I can also see how people on slower connections will not bother with the site because of this, and they will most likely see the white spaces (which are the image slices not loading right away for the viewer) and leave.

Could you maybe combine some slices so there arent as many as you have on there?

If you want to see how long it will take to download the page, dreamweaver has an estimated download time on the bottom right of the page you are working on. It tells you the size of the page you are working on and also how long it will take to download on whatever speed you have it set at.

B



Brian Artka

http://www.influx-media.com
Digital Video/Digital Media Specialist
Video Production/Web Design


Return to posts index

MiLiNdRe: Why this is happening to me ?
by on Apr 19, 2005 at 4:38:23 am

So how i can improve upon this ?

My problem is it takes extra time to load and also it shows some white patches around slices on top left , top right etc. , when i see its preview on my home Comp it works fine but when I host it and checked it on PC on IE and Mozila it shows some 4-5 white patches (i.e. slice errors) around the layout. But according to some of my friends they havent seen any white patches on their screen why so ? As i can clearly see it on my desk.

Also is there any trick that I can use for the slices so that the downloading will become faster ?

OR

Is it predictable to write "Heavy Images does take a little more time so pls. be patient" line on my splash page. ? which is @ http://www.milindonline.com/splash.gif . So user will consider some extra time.

Really friends i have taken some SERIOUS EFFORTS on this layout so i really want everything to be fine... Hope you understands my problem.

Thnx for any help..
MiLiNd
http://www.milindonline.com/tester/graphics.html


Return to posts index


GordRe: Why this is happening to me ?
by on Apr 19, 2005 at 11:21:46 am

Hello MiLInd.
It is a bit slow to download on a 56k modem.
First thing I'd try is to remove the pattern graphic on the left/right side & replace it with a small tile ( currently 25KB & 14KB ) as a background (The same graphic, just a tiny "tiled" version).
The bulk of your site (KB) is contained within the 14 central web page images (104KB). All you can do is either tweak the quality down or accept the slower download time.(Are your clients likely to be on dial up modems? Are your clients likely to find you via a search or are they specifically looking for you?) .
As for the white spaces.If you look at a vertical line down the center of the image (where shree is) the graphics fit the whole page.To the left and right sides there are some white spaces , and spaces at the top and bottom. This suggests to me that the vertical height of the slices do not add up to the middle section total, causing the browser to 'guess' where you want the graphic & creating 1 or 2px whitespaces.

Gord





Return to posts index

MiLiNdRe: Why this is happening to me ?
by on Apr 19, 2005 at 11:37:41 am


So how could i get rid of this Gord ?


Return to posts index

GordRe: Why this is happening to me ?
by on Apr 19, 2005 at 2:31:07 pm

Hello MiLiNd.
I had a quick look at your layout & I can't remember seeing so many random? slices in an image.
It's too complex for me to try & work out why the browser creates a few gaps.
Personally i'd slice it up again from scratch. These are the rules I follow.
1/ Keep it simple enough to be able to manage any browser problems.ie: if ,when troubleshooting ,you add a border tag to your table cells,will you be able to work out whats going wrong?
2/ Before you start slicing, look for obvious areas of duplication.
For example, the magnifying glass and 'view' comment at the bottom of each web sample page is the same graphic. So providing you slice this area consistently each time,you can repeat the same graphic 14 times rather than having 14 graphics (1x2KB rather than 14X2KB).
The 'featured links' menu is another area.
3/ Look for logical slice borders.Consider the fact that the more colours in an individual gif, the larger the gif will be. So try not to split say a blue part across several slices.
4/ Like I said before, use a small 'tile' gif to create the external pattern.

Hope this helps a bit.

Gord


Return to posts index


GordRe: Why this is happening to me ?
by on Apr 19, 2005 at 2:40:32 pm

Afterthought.
This may or may not be the best way to do things.
But for a complex graphic, I get my finished image in Photoshop & drag guides in to work out my slicing.It has to be pixel perfect.Once done I write in all the ()widths across the top & ()heights down the left.
Works for me.
Gord


Return to posts index

MiLiNdRe: Why this is happening to me ?
by on Apr 20, 2005 at 4:43:12 am

ok
how abt. this one http://www.milindonline.com/layout.jpg fo ra layout.


Return to posts index

GordRe: Why this is happening to me ?
by on Apr 20, 2005 at 10:51:25 am

Whats your point ??


Return to posts index


MiLiNdRe: Why this is happening to me ?
by on Apr 20, 2005 at 11:41:09 am

Hi,

just want to compare http://www.milindonline.com/layout.jpg with the old one i.e. http://www.milindonine.com/tester/graphics.html in terms of usablity and colors ? which one is preferable ?

Thnx.


Return to posts index

GordRe: Why this is happening to me ?
by on Apr 20, 2005 at 2:12:39 pm

Hi

The new version is not as good.In my opinion the blue areas in the original work well with the image, the web pages & the blue text links.
I didn't mean to suggest that you take colours out , just that you take a bit of care when slicing to minimise the file size.
My best advice to get rid of the white spaces and reduce the file size is still to re-slice the original, look for areas of duplication & use a single gif for these, tile the outside pattern and try tweaking the quality of the web page samples.

Also, if you change the central web page samples to .jpeg rather than .gif , you can sigificantly reduce the size without loosing toooo much quality. They look ok to me at about 1/3 file size (10KB rather than 30KB).Thats a huge saving per image.

Gord


Return to posts index

MiLiNdRe: Why this is happening to me ?
by on Apr 21, 2005 at 3:48:17 am

Hello Gord,

New One : http://www.milindonline.com/layout.html

For the second layout I am a bit stuck up with the navigation if you can suggest a better navigation for the layout.jpg layout then it will be great.

Any suggestions are highly appreciated.

Thank you.
---MiLiNd


Return to posts index

<< PREVIOUS   •   VIEW ALL   •   PRINT   •   NEXT >>
© 2017 CreativeCOW.net All Rights Reserved
[TOP]