Slices

B
Posted By
Borrox
Jun 6, 2005
Views
306
Replies
6
Status
Closed
Hi

Can someone please explain to me how to work with slices. I know what they are used for; to cut up large pictures to create smaller ones which when put together online become the whole picture. But, do you actually save each slice as a seperate name and then put each piece inside a cell of a table?

Please forgive my ignorance but I am compiling a website that has a large image on the Home page and I want it to load quicker. I have already set the dpi to 72.

Many thanks

Nig

Master Retouching Hair

Learn how to rescue details, remove flyaways, add volume, and enhance the definition of hair in any photo. We break down every tool and technique in Photoshop to get picture-perfect hair, every time.

MR
Mike Russell
Jun 6, 2005
Borrox wrote:
Hi

Can someone please explain to me how to work with slices. I know what they are used for; to cut up large pictures to create smaller ones which when put together online become the whole picture. But, do you actually save each slice as a seperate name and then put each piece inside a cell of a table?

Please forgive my ignorance but I am compiling a website that has a large image on the Home page and I want it to load quicker. I have already set the dpi to 72.

When you save for web the slice images are saved together with the html containing the tables, etc, needed to glue them together.

Normally you would then modify the resulting htm file with a program like DreamWorks, Fireworks or ImageReady, to integrate it into your site, by adding rollovers, url links, etc.

ImageReady is included with Photoshop, but it is (considered by some to be) an inferior tool. Hecate hates it, which is often a good indicator that you should stay away. It has the considerable advantage, though, that you own it already. If your budget is limited, consider some of the free html editors out there, including Navigator and perhaps even Mozilla. —
Mike Russell
www.curvemeister.com
E
edjh
Jun 6, 2005
Mike Russell wrote:
Borrox wrote:

Hi

Can someone please explain to me how to work with slices. I know what they are used for; to cut up large pictures to create smaller ones which when put together online become the whole picture. But, do you actually save each slice as a seperate name and then put each piece inside a cell of a table?

Please forgive my ignorance but I am compiling a website that has a large image on the Home page and I want it to load quicker. I have already set the dpi to 72.

When you save for web the slice images are saved together with the html containing the tables, etc, needed to glue them together.
Normally you would then modify the resulting htm file with a program like DreamWorks, Fireworks or ImageReady, to integrate it into your site, by adding rollovers, url links, etc.

ImageReady is included with Photoshop, but it is (considered by some to be) an inferior tool. Hecate hates it, which is often a good indicator that you should stay away. It has the considerable advantage, though, that you own it already. If your budget is limited, consider some of the free html editors out there, including Navigator and perhaps even Mozilla.

BTW slicing a large image will not make it load faster.


Comic book sketches and artwork:
http://www.sover.net/~hannigan/edjh.html
Comics art for sale:
http://www.sover.net/~hannigan/batsale.html
J
johnboy
Jun 6, 2005
"Borrox" wrote in message
Hi

Can someone please explain to me how to work with slices. I know what they are used for; to cut up large pictures to create smaller ones which when put together online become the whole picture. But, do you actually save each slice as a seperate name and then put each piece inside a cell of a table?

Use Imageready. Take the Create Guides option, then Slice-on-guides option, and File-Export, specifying to save HTML as well as images. Then cut/n/paste the HTML into your page.
T
Tacit
Jun 6, 2005
In article <d80tqb$vs6$>,
"Borrox" wrote:

Can someone please explain to me how to work with slices. I know what they are used for; to cut up large pictures to create smaller ones which when put together online become the whole picture. But, do you actually save each slice as a seperate name and then put each piece inside a cell of a table?

Bingo. Yes, exactly–or, more likely, you let ImageReady do this for you.

ImageReady’s "Save Optimized" command automagically saves each slize as a separate graphic, and automagically writes an HTML file which reassembles them all in a table. No need for you to do any of the messy work yourself. 🙂


Art, photography, shareware, polyamory, literature, kink: all at http://www.xeromag.com/franklin.html
I
iehsmith
Jun 6, 2005
Is the large image a photo or art with a lot on gradients/blends, or is it a logo or something with just a few solid colors? If it’s the latter you may not need to slice it. Saving for web as a GIF (no dither) and the right amount of colors should make the file size small enough.

inez
B
Borrox
Jun 6, 2005
As always help help help! Thanks you lot all of your replies have been helpful. Someone mentioned about whether its a few solid colours of a logo or a complex image with gradients and textures. Well, its the latter hence I cannot create it as a Gif.

I never thought aboput ImageReady, thought it was only for effects like animations and stuff, never used it, ’til now!

Once again THANKS!!

Nig

How to Improve Photoshop Performance

Learn how to optimize Photoshop for maximum speed, troubleshoot common issues, and keep your projects organized so that you can work faster than ever before!

Related Discussion Topics

Nice and short text about related topics in discussion sections