Forum Home
Press F1
 
Thread ID: 16453 2002-03-09 08:27:00 Naming graphics files for webpages Guest (0) Press F1
Post ID Timestamp Content User
38413 2002-03-09 08:27:00 My webpage graphics currently have meaningful names so that I can remember what they are, eg button_email.gif, bground.gif, etc.

I have read that the proper way to name graphics on a webpage is in order of display, eg image01.jpg, image02.jpg, etc, so that the first numbered pictures on a page load before the ones down the bottom,.

I also have read that it is good practice to store all graphics in one 'graphics' folder for 'easy maintenance'.

Right, given those two 'good practices', the graphics on webpage 2 and webpage 3 are going to be named, for example, image06, image07, etc for webpage 2 and then image12, image13, etc on wepage 3, and so on.

My logic tells me that image 06, being the first graphic on webpage 2, will load before image07, and image07 before image08. Am I right, and is this really a good system, or should I be doing it a different way? Or doesn't it really matter?

What do you people do?
Guest (0)
38414 2002-03-09 08:56:00 Hi Susan,

How you name them depends what you want to do. For example, I created some primary school websites. Lots of kids stories with pictures, clip art etc.

How I organised them was to create folders such as /students/2002_t1 and all the kids work for term 1 2002 was put in this folder - graphics and all.

Also, cause there might be 20 odd pages I named the graphics with the same name as the file. eg if there was a story on dolphins I might have called them dolp.htm; dolp1_t.jpg; dolp1.jpg; dolp2_t.jpg and dolp2.jpg (_t meaning a thumbnail version of the picture).

Doing it this way meant that if a kid fell out of favour it was really easy to delete and when they run out of server space a whole folder can go.

On another site the images might be in use by the whole site so an images folder would be more appropriate to keep the links consistent.

Personally I wouldn't recommend image1.jpg - use a more meaningful name.

As far as naming goes - use lower case names, don't include spaces (use an underscore if needed) and keep the names short (less typos when you reference them).

As far as images loading goes - keep the file size down and it isn't an issue.
Guest (0)
38415 2002-03-09 09:02:00 I name my graphic files for web pages as what they will be used for. I have a website called KlikWeb, and the images are named things like klikweb.jpg for the logo, sidebar1.jpg for the side menu etc. Most websites name images in the same manner.

It is good to have images in a separate folder, as then you have all your images in one place.
Guest (0)
38416 2002-03-09 09:08:00 It doesn't really matter Susan...just try and keep them organised in a fashion that you find convenient.

Giving files a name you find convenient is fine. If you have a lot of graphics in a site sometimes it pays to organise them into folders relating to the page they go in.
eg: if you have a page named 'joe' create folder named 'joe_files' and keep all the files for 'joe' in there.

Always try and keep your html files in the main directory together though, unless you are getting into sites with a lot of pages.

If you have a navigation menu used through all the pages then create a folder named 'nav_files' and keep all the bits for that in there.

The key is to have a tidy and logical directory structure.

There is nothing worse than going to work on a site someone else created and find 1 big folder with no logical structure to it.

If possible though keep notes of the work you have done though, amazing how often someone might use a particular font or color and not note it down.

Hope this helps.
Guest (0)
38417 2002-03-10 01:34:00 Thank you for all the advice, everyone, the feedback is much appreciated.

I've ditched the 'image01.jpg' naming idea and will just shorten and change some of the graphics names I already have.

Will also have one 'images' folder just for the graphics as it does seem to make sense, particularly since a number of graphics are repeated on each page.

It is looking tidier already!
Guest (0)
1