포토샵을 통해 원하는 이미지를 파비콘(픽셀 크기 등 조정)으로 만드는 방법

 

 

 

안녕하세요 달향입니다.

아까 포스팅한 블로그 스킬 - 내 티스토리에 파비콘 적용하는 방법에 이어서 포토샵 이용해

원하는 픽셀로 만드는 방법을 알아보겠습니다(참고 : 포토샵 CS5를 사용해 예시)

 

 파비콘이란? 내 티스토리 블로그에 파비콘 적용하는 방법

 

생각보다 간단하고 쉬운데요 의외로 모르시는 분들이 조금 있어서 ^^

정말 쉽게 변환할수 있답니다

 

1. 일단 원하는 포토샵을 실행후 원하는 이미지를 불러옵니다

 

 

 

2. 변환할 이미지의 픽셀 크기를 알아 확인합니다 확인하는 방법은 포토샵 단축키 Alt + Ctrl + I키를 누르면 이미지 크기 확인창이 팝업 됩니다 or 포토샵 상단 이미지탭 에서 이미지 크기를 클릭 하면 동일하게 확인창이 나타난답니다

 

 

 

 

3. 픽셀 크기가 파비콘으로 변환할 크기보다 너무 큰데요 보통 32 X 32 픽셀을 많이 사용하는데 250픽셀보다 큰 이미지 파일이군요 당황하지 마시고 그대로~ 포토샵 단축키(Ctrl + N)로 새로 만들기 창을 띄웁니다 그런다음 만들고 싶은 사이즈의 픽셀을 폭, 높이에 입력합니다

 

 

 

사진처럼 픽셀이 32니까 아주 작게 정사각형의 흰바탕이 열린답니다

 

 

 

 

4. 이제 아까 맨처음에 열었던 이미지 파일을그대로 복사 해서 붙여 넣거나 불러옵니다 아까 확인한거 처럼 8배나 크기가 차이가 생기기 때문에 그림 처럼 아주 일부부만 깨져서 보여지게 된답니다 이때 Ctrl + T를 누르면 아래 이미지 크기를 조정할수 있는 네모 박스가 나타납니다 

 

 

 

5. 이제 아까 32픽셀(흰바탕)이랑 동일하게 네모테두리를 줄여주면 흰바탕안에 원하는 이미지가 파비콘 크기에 맞게 조정됩니다(이미지가 깨져 보이는건 어쩔수 없습니다 픽셀이 작다는건 해상도가 낮아 진다는 것과 같은 거니까요)

 

 

 

6. 다른이름으로 저장합니다 JPG나 PNG 상관없이 저장합니다(투명하게 설정하고 싶으시면 PNG로 저장)

 

 

 

7. 티스토리 블로그 파비콘은 파일 확장자 ICO만 지원하기 때문에 확장자를 변환하면 끝~~(저장한 위치로 이동해서 선택후 F2키를 눌러 jpg로 된 확장자를 ico로 그림과 같이 변경합니다 아래 사진처럼 이름 바꾸기 파일의 확장자명을 변경하면 사용할 수 없게 될 수도 있습니다 변경하시겠습니까? 란 경고문이 떠야 제대로 된 확장자 변경이 된거랍니다)