# How to Convert PSD template to HTML?

**URL:** https://forum.kirupa.com/t/how-to-convert-psd-template-to-html/27431
**Category:** Uncategorized
**Created:** [August 2, 2003, 9:25am UTC](https://forum.kirupa.com/t/how-to-convert-psd-template-to-html/27431 "2003-08-02T09:25:28Z")
**Posts on this page:** 8
**Page:** 1

<div class="post-metadata">

### Author: ![ramesh411](https://avatars.discourse-cdn.com/v4/letter/r/b9e5f3/32.png) [@ramesh411](https://forum.kirupa.com/u/ramesh411)
#### Post date: [August 2, 2003, 9:25am UTC](https://forum.kirupa.com/t/how-to-convert-psd-template-to-html/27431/1 "2003-08-02T09:25:28Z")

</div>

Hi

Can anyone Pls tell me " How to Convert PSD template to HTML so as load Fast on the Web.

Thanks  
Ramesh

---

<div class="post-metadata">

### Author: ![system](https://canada1.discourse-cdn.com/flex011/uploads/kirupa/original/3X/6/2/621e5c11736f46532526e61be85940af4230f3e5.png) [@system](https://forum.kirupa.com/u/system)
#### Post date: [August 2, 2003, 1:12pm UTC](https://forum.kirupa.com/t/how-to-convert-psd-template-to-html/27431/2 "2003-08-02T13:12:53Z")

</div>

slice tool. you will just slice it up where you neeed a new frame or something to be. see the thing is that you still have to load the images, so no matter what you have to do that. but the slice tool

---

<div class="post-metadata">

### Author: ![system](https://canada1.discourse-cdn.com/flex011/uploads/kirupa/original/3X/6/2/621e5c11736f46532526e61be85940af4230f3e5.png) [@system](https://forum.kirupa.com/u/system)
#### Post date: [August 2, 2003, 1:33pm UTC](https://forum.kirupa.com/t/how-to-convert-psd-template-to-html/27431/3 "2003-08-02T13:33:28Z")

</div>

yup  
just use the slice tool in image ready…  
press ctrl+shift+m in photoshop with ur PSD template open 🙂  
and just play around with the output quality to reduce the loading… you should also delete slices that have nothing in them (and change the bg colour of that cell to match the image)

hope that helps 😉

---

<div class="post-metadata">

### Author: ![system](https://canada1.discourse-cdn.com/flex011/uploads/kirupa/original/3X/6/2/621e5c11736f46532526e61be85940af4230f3e5.png) [@system](https://forum.kirupa.com/u/system)
#### Post date: [August 2, 2003, 2:52pm UTC](https://forum.kirupa.com/t/how-to-convert-psd-template-to-html/27431/4 "2003-08-02T14:52:49Z")

</div>

Hi

I didn’t get it.

In Image Ready I sliced my PSD and saved each slice.  
Where I have to Load these slices ? ( Dreamweaver ?)

Or in Image ready how to save it as HTML ?  
Pls explain in detail…

Thanks  
Ramesh

---

<div class="post-metadata">

### Author: ![system](https://canada1.discourse-cdn.com/flex011/uploads/kirupa/original/3X/6/2/621e5c11736f46532526e61be85940af4230f3e5.png) [@system](https://forum.kirupa.com/u/system)
#### Post date: [August 2, 2003, 2:56pm UTC](https://forum.kirupa.com/t/how-to-convert-psd-template-to-html/27431/5 "2003-08-02T14:56:38Z")

</div>

in image ready u should be able to save as HTML or something

---

<div class="post-metadata">

### Author: ![system](https://canada1.discourse-cdn.com/flex011/uploads/kirupa/original/3X/6/2/621e5c11736f46532526e61be85940af4230f3e5.png) [@system](https://forum.kirupa.com/u/system)
#### Post date: [August 2, 2003, 3:32pm UTC](https://forum.kirupa.com/t/how-to-convert-psd-template-to-html/27431/6 "2003-08-02T15:32:46Z")

</div>

you can import to dw too. hmm. its been a while, but look in the help files.

---

<div class="post-metadata">

### Author: ![system](https://canada1.discourse-cdn.com/flex011/uploads/kirupa/original/3X/6/2/621e5c11736f46532526e61be85940af4230f3e5.png) [@system](https://forum.kirupa.com/u/system)
#### Post date: [August 2, 2003, 3:55pm UTC](https://forum.kirupa.com/t/how-to-convert-psd-template-to-html/27431/7 "2003-08-02T15:55:35Z")

</div>

you should use imageready. photoshop can slice, but imageready is where you dig in to the html side of things. It lets you make buttons and produces the HTML for you. You can then bring that html directly into dreamweaver… that is if you need dreamweaver at all 😉

---

<div class="post-metadata">

### Author: ![system](https://canada1.discourse-cdn.com/flex011/uploads/kirupa/original/3X/6/2/621e5c11736f46532526e61be85940af4230f3e5.png) [@system](https://forum.kirupa.com/u/system)
#### Post date: [August 3, 2003, 11:28am UTC](https://forum.kirupa.com/t/how-to-convert-psd-template-to-html/27431/8 "2003-08-03T11:28:24Z")

</div>

I got it.

Thanks a lot.

In Image Ready I just made slices and saved it.

And saved optimized as HTML.

I opened HTML file in Dreamweaver, and it is showing how I sliced the images.

Thanks  
Ramesh
