Skip to content
View in the app

A better way to browse. Learn more.

Web Designer Forum

A full-screen app on your home screen with push notifications, badges and more.

To install this app on iOS and iPadOS
  1. Tap the Share icon in Safari
  2. Scroll the menu and tap Add to Home Screen.
  3. Tap Add in the top-right corner.
To install this app on Android
  1. Tap the 3-dot menu (⋮) in the top-right corner of the browser.
  2. Tap Add to Home screen or Install app.
  3. Confirm by tapping Install.

Slicing PSD's, Is it worth it?

Featured Replies

Hey guys,

 

Just wondering in nowadays websites is it okay to slice images or is it best to cut it properly and make each image? Ive never really done much slicing i just see alot of people that do it :)

 

Your Thoughts?

 

Thanks,

Matt

Cut out each image separately! With CSS you can position as you please. Slicing images into parts was only really done back in the old days when tables were used for layout

as above, i never slice... I just make a selection of the image then copy it as another image.

 

Using css means slicing isn't used much anymore

It depends on the kind of design you are working on. There are designs that you do not need to slice up like designs that have minimal images and graphics or they have the same dimensions. It's a case to case decision.

Hi,

 

You can slice it but then use CSS to position your images.

I do it like that way, is the same as cutting a peace of image of my layout.

 

Regards

So it's common place to design something in say, illustrator or photoshop, and just slice it there then? I thought everyone just did everything in css, but I can see how it's impossible to created images in css. That's just for positioning things. Ah!

I never slice. I am far beyond such obselete activities. I hand code all my images in binary... you heard me, I don't even own a graphics program - they are for the lazy and the stupid.

 

 

 

 

 

 

 

 

 

 

 

In the real world though, I design in PS, then segment the design into it's various components and use CSS to position. All the resulting images are cropped to exact minimum size for optimization.

 

I personally think it is very bad form to rely on images for positioning as it can be a nightmare when it comes to time update.

I do it image by image, so you can really optimize it. So it has the right format and size.

But for this you can also use the ps slicing tool if you like.

As for me. I make a copy of psd or ai for my slicing elements. The copy file of psd and ai can be adjust, move little space and make correct positioning... you will a pretty much preview of layout while you working on your CSS margin, padding and spacing.

hey performer,

 

i think it's a good question. Personally i used to, and don't bother much now. I use the crop tool and guides to get the part i want, when i want it. i find it a more efficient and easier process.

 

however i an advanced noob so if other people are offering compelling reasons for using the slices, then listen to them over me ;)

Create an account or sign in to comment

Account

Navigation

Search

Search

Configure browser push notifications

Chrome (Android)
  1. Tap the lock icon next to the address bar.
  2. Tap Permissions → Notifications.
  3. Adjust your preference.
Chrome (Desktop)
  1. Click the padlock icon in the address bar.
  2. Select Site settings.
  3. Find Notifications and adjust your preference.