Web Developer's Virtual Library: Encyclopedia of Web Design Tutorials, Articles and Discussions


WDVL Newsletter

Active Server Pages
JSP/Java Servlets
Microsoft SQL Server
Daily Backup
Dedicated Servers
Streaming Audio/Video
24-hour Support    

jobs.webdeveloper.com

Hiermenus


e-commerce
Partner With Us















Developer Channel
FlashKit.com
JavaScript.com
JavaScriptSource
Developer Jobs
ScriptSearch
StreamingMediaWorld
Web Developer's Journal
Web Developer's Virtual Library
WebDeveloper.com
Webreference
Web Hosts
XMLfiles.com

internet.com
IT
Developer
Internet News
Small Business
Personal Technology

Search internet.com
Advertise
Corporate Info
Newsletters
Tech Jobs
E-mail Offers


Slicing and Dicing with PSP 7

October 6, 2000

Slicing images up into sections for placement in a table has been the webdevelopers bane since it was first discovered that cool designs could be created with tables, and images would load faster if they were cut up into smaller pieces. If you couldn't afford the more expensive graphic programs that expedited this process for you, you were stuck doing it by hand. Definitely not a fun time, but Jasc has come to the rescue with it's latest release of Paint Shop Pro! PSP7 includes several new web features, one of which is a slicer that handles the job very well.

The Slicer not only slices the image into neat little sections but also saves the location of each section as a table cell and generates the HTML! Not only that, but if a rollover effect is your desire, PSP will also generate the necessary JavaScript! Does life get any better than this?

The Slicer tool can be found in the File Menu under File > Export > Image Slicer . Once the dialog box opens, you're faced with an array of choices, tools, cell properties, rollovers and more!


The tools are pretty straight forward and do what you would expect. The Arrow is a selection tool used for selecting a section that has already been sliced. The Grid is cool. Use it to automatically select equally divided areas. The Slicer selects areas of varying sizes. This is great for dividing up an image for use in tables where you only want certain sections of the image to appear in the table. Delete erases a cut made in error and Pan is used to move around an image that is larger than the preview area. But let's look at this whole thing in more detail.

Contents:

The Image Slicer Tools
Rollovers are Cool
Optimize That Image!

Slicing and Dicing with PSP 7
The Image Slicer Tools


Up to => Home / Authoring / Graphics / Tools / PSP




Jupiter Online Media: internet.comearthweb.comDevx.commediabistro.comGraphics.com

Search:

Jupitermedia Corporation has two divisions: Jupiterimages and Jupiter Online Media

Jupitermedia Corporate Info


Legal Notices, Licensing, & Permissions, Privacy Policy.

Web Hosting | Newsletters | Tech Jobs | Shopping | E-mail Offers