누구 방법이 맞다고 할 수 없고 나한테 편한 거, 같은 결과물이라면 조금 더 효율적인 방법을 사용하는거죠. 슬라이스툴이 손에 익고 잘 쓰신다면 그대로 쓰시면 될 것 같습니다.

그렇긴 합니다만 슬라이스툴로 잘라 올려서 빡진 글들이 여기에서도 자주 올라오지 않나요?
저도 슬라이스툴로 해본적이 없어 뭐라고 말은 못하겠네요.

원글 쓰신 분께서 '쓸데없는 이미지'라는 말을 언급하셨길래 장단점을 어느 정도 이해하고 계시는 것 같아서 드린 댓글이었습니다. :)

저도 슬라이스 툴은 사용해 본적이 없네요...ㄷㄷㄷㄷ

모 결과물만 잘 만들어 내면 모로 하던...^^

테이블 레이아웃, slicing, .. 훔..... slicing tool 사용을 한다는 것도 충격이고, 테이블 레이아웃을 학교에서 가르친다는 것도 충격이고...

구글 번역기 사용하실 줄 아시면 번역기 돌려서 읽어보세요...ㅠㅠㅠㅠ

http://psd.tutsplus.com/tutorials/tools-tips/slices-in-photoshop/

웹디자인을 한국어로 공부하셔야 하면 여기 가보세요.

http://naradesign.net/wp/

정찬명씨 요즘 뭐하나 궁금해서 찾아가 봤는데 (얼마전 NHN 퇴사하셨다길레) 한국어 사이트 중에 가장 웹디자인에 대해 정확하게 배우실 수 있는 곳 일겁니다.

웹표준이 나왔을때도 예전에 표로 전체 레이아웃 잡던 때가 있었습니다. 편해서 나뭐진(웹표준) 무시하는거죠.
완전 무시하는게 아니라 웹표준에 표형식 레이아웃을 좀 섞어쓰기도했죠.

 좋은 점은 포토샵에서 슬라이스 툴 사용하여 웹형식으로 출력시
 전체틀을 안깨고 전체 레이아웃을  표형식으로 잡고 이미지를 잡아주는 코딩방식으로 처리됩니다.

문제는 웹표준에 있어서 준수되는 표준코딩 방식에는 맞지않은점이 노출됐죠.



그래서 표를 전체레이아웃으로 잡지않고 웹표준을 준수하여 작업을 하게 되고,
슬라이스 툴을 쓰더라도 표형식의 레이아웃울 잡지않고 필요한 이미지만 선별 추출하여 사용하기도하죠.

이미지는 이미지로 남고 슬라이스로 처리하여 표로 형식의 웹문서로 구현않되도록하고 필요한 이미지만추출하여 웹표준에 맞게 이미지를 웹문서에 웹표준 방식으로 코딩합니다. 이방식이 이제는 일반화하기 시작했습니다.

그래서 이미지만을 추출하는 목적으로 슬라이포토샵의 슬라이스 작업은 해도됩니다.

해피코딩님이 말씀하신것이 정답같네요.
아마 교수님께서 슬라이스로 html, image 를 같이 추출하여 만든 테이블로 된 html 문서식으로 작업 안한다는 말씀이신거 같네요.

저뿐만 아니라 저랑 같이 있는 2~10년 차의 선배분들도 다 그렇게 이미지를 추출하여 작업하십니다.

다만 자를때 slice로 나눠져 있는 부분을 오른쪽 클릭하여 edit slice option 메뉴를 통해 필요한 이미지들에 대해서만 파일명을 넣어주고, 불필요한 html 파일은 없애고 image only 로 하여 저장을 해서 작업을 합니다.

크롭툴로 일일히 자르는거랑 slice로 자르는거랑 차이 없습니다.

크롭툴로 수많은 이미지들을 어떻게 자르시려고 그렇게 가르쳐 주시는걸까요 ㅎㅎ

말씀하신거와 반대로 실무에선 크롭툴을 많이 쓰지 않습니다.

쓸데없는 이미지야 작업 후에 지워버리면 그만이구요 ㅎㅎ

흠...슬라이스툴로 링크넣어서 홈피를 맹근다는 말인가요?

흠 전 슬라이스툴을 안사용한다기보다는 다른 방식의 용도로는 씁니다.

솔직히 이미지를 잘라내서 저장할때 크롭툴로 잘라서 저장하면 다른 영역들이 지워집니다ㅡ.ㅡ;;
그러니깐 슬라이스툴로 링크넣어서 홈피를 맹그는방식보다 크롭툴로 잘라서 맹그는방식보다 슬라이스툴로 잘라서 이미지만 저장해서 사용하면되요~
솔직히 슬라이스툴로 잘라서 저장하는게 나중에 쓰기도 편하고 원하는 부분만 선택해서 다중으로 이미지를 저장할 수 있으니깐요. 활용의 차이죠ㅎ;

그리고 저같은겻우는 이미지를 잘라서 사용하는것보다는 특별한경우를 제외하고는 이미지한개에 특정ui들을 저장해서 필요한부분만 css의 background-position으로 잘라서 씁니다.
네이버로 예시) http://img.naver.net/static/www/sp_main20130401.png
그러니깐 선생님이 알려주는 방식도 그렇게 효율적이지는 않다는거죠ㅇㅅㅇ

또한 그라디언트나 그림자 라운드처리 등등도 굳이 이미지를 안쓰도록합니다.속도 저하의 주범이 될수있음
그라디언트나 그림자 라운드처리 같은경우 구글에 'ie css3' 검색해보시면 ie9 이전버전에 css3를 호환할수있는 정보 습득이 가능합니다.

고로 이미지를 최소화로 쓰고 거의 대부분 css로 디자인해요ㅎ;

"저는 image-less web design 방식으로 css 를 적극사용하여 근대적인 웹구축을 하고 있습니다" - 이 말씀을 꽤 구체적으로 해주셨네요. 

역쉬 스아이님은.... 애플 같은데 가셔서 일하셔야 할 인재 같습니다. ㅎㅎㅎㅎ

이래서 요즘은 경력같은거 깡그리 개무시하고 짜놓은 코드만 보죠. 

한국에 스아이님 같은 분들이 많이 나오셔야 하는데.... 흠...

네이버 예시로 드신 통이미지를 css로 처리하는 방법..
알고싶은데요.. 이부분에 대해 설명된 책이나 인터넷문서 있을까요??
부탁드려용 ~~ ;ㅁ;

슬라이스로 잘라서 html로 저장하면 1px*1px짜리 이미지가 테이블이 안틀어지게 꽉잡고 있는걸 보게되죠. 수정은 꿈도 못꿉니다. 그런식으로 만드실꺼먄 그냥 통이미지에 이미지맵 걸어 링크하는거랑 같습니다.

슬라이스하는건 잘못이다는 분명 아닐껍니다. 다만... 슬라이스가 좋다고 하긴 어렵죠..

다시 와서 보니 제가 슬라이스툴로 이미지 자르는 것과 슬라이스툴로 html 문서 같이 만드는 방식에 대해서 이야기 한 걸 헷갈렸네요. 예전에 그런 방식으로 작업을 했던 적이 있었는데 현재는 거의 사장되었다고 생각했는데... 아직도 그렇게 가르친다면...

학교에서 크롭툴로 디자인을 일일히 잘라 테이블에 얹히게 가르친다는데 적잖히 충격을 받았습니다 ㄱ-
윗분들 말씀대로 그 많은 이미지들을 크롭툴로 자르다보면 시간도 많이 소요되고 각각의 파일명이나 사이즈 저장해놓은것을 확인하려면 잘려진 이미지들을 확인해야하니 효율적이지 않다고 생각되어지네요.
혹시 교수님께서 전체 슬라이스해서 생기는 포토샵의 html 페이지까지 그대로 사용하질 않는다는 말씀을 하신게 오해가 생긴건 아닐까 의문이 듭니다.

저같은 경우 이미지를 슬라이스해서 이름을 각각 정해주고 이미지만 따로 저장해서 코딩때 사용합니다.
앞서 말씀들 하신 1px씩 빈공간이 생기는 부분의 문제는 슬라이스 영역 우선 만들고 이름 설정해준다음에
저장하기전에 최대크기로 확대하여 한번씩 쭉 훑어보면 빈 공간이 보이고요,
그부분들바로 잡아주고서 저장합니다.