• Status: Solved
  • Priority: Medium
  • Security: Public
  • Views: 1127
  • Last Modified:

What is the PSD file specifically used for in creating websites?

I notice many files and templates I've seen have a Photoshop File in it. I'm sure its used to edit and used for the ending result of a website, but how do you break down the sections of the end picture? For example I've seen a header that shows a group of people but when it's used for the web, different parts of the picture is broken up into sections. I figured why not disect bigger sections of the PSD file rather than random sections of the whole pic? I may not make any sense but thats just assuming the PSD is used for editing. Please make this clear. Thanks to all.
1 Solution
I think there is no 'one' answer to this question - it all depends upon a lot of different factors. Sometimes images are 'sliced' into variuos sub-sections to help the users browser load the site faster. (quicker to load several small images than one larger image theoretically, I guess). There could be an image map involved with part of the image or a link or... it really depends.
vacnetAuthor Commented:
That makes sense. I've noticed that PSD files are more like to come with html templates using some flash features. Is there a standard to how disecting is done. I don't want to jump off topic but I believe Adobe IR is used for that kind of thing.
Jason C. LevineNo oneCommented:
>> I've noticed that PSD files are more like to come with html templates using some flash features.

That may be just a coincidence.  

The PSD aids designers who want to change the template to better fit their site.  It's a lot easier sometimes to change the PSD file, then reslice it and export it back to Dreamweaver than it is to take a sliced and diced page with code already written and try to change all of those elements at once.

The dissection is not as random as you might think (depending upon the sobriety and sanity of the original designer).  You break the image up into sections and, as BongSoo pointed out, that helps the page load faster and/or provides you a section that can be converted to Flash or an image map.
Question has a verified solution.

Are you are experiencing a similar issue? Get a personalized answer when you ask a related question.

Have a better answer? Share it in a comment.

Join & Write a Comment

Featured Post

Easily Design & Build Your Next Website

Squarespace’s all-in-one platform gives you everything you need to express yourself creatively online, whether it is with a domain, website, or online store. Get started with your free trial today, and when ready, take 10% off your first purchase with offer code 'EXPERTS'.

Tackle projects and never again get stuck behind a technical roadblock.
Join Now