차례:
- 웹 및 장치 용으로 저장 대화 상자가 나타납니다. 이 예에서는 웹 사이트의 평평한 예술에 대한 흑백 로고를 볼 수 있습니다. PNG 8 형식은 만화 및 라인 아트와 같이 제한된 색상의 이미지에 가장 적합합니다.
- 이 예는 상단의 로고 원본 이미지와 하단의 최적화 된 버전의 미리보기를 볼 수있는 2-Up을 보여줍니다.
- 이미지를 클릭하여 대화 상자 창에서 활성화하십시오.
- PNG 8을 선택하면 가장 작은 파일 크기를 얻으십시오. 여러 색상으로 이미지를 최적화하고 하나의 색상을 여전히 투명하게 설정할 수있는 경우에만 PNG 24를 선택하십시오. <색상> 상자에서 그림 8-5와 같이 색상 수를 선택합니다.
- 6 이미지에서 투명한 영역을 유지하려면 [투명도] 확인란을 선택합니다.
- 투명성은 웹 페이지에서 텍스트 나 이미지가 뜨는 것처럼 보이게 만드는 좋은 방법입니다. 투명한 배경이 웹 페이지에 나타나지 않기 때문입니다. Photoshop 또는 Photoshop Elements에서 새 이미지를 만들 때 [새 파일] 대화 상자에서 배경 옵션으로 투명도를 선택할 수 있습니다.
- 후광
- 9 저장을 클릭합니다.
- 10 이미지의 이름을 입력하고 로컬 사이트 폴더의 이미지 폴더 (또는 다른 폴더)에 저장하십시오.
- 평가판 및 오류는 웹 및 장치 용으로 저장 대화 상자의 유용한 기술입니다. 미리보기 창은 점점 더 적은 수의 색상을 선택하면 갈수록 저하되는 효과를 명확하게 보여줍니다.
비디오: 포토샵강의/강좌#9 포토샵 저장방법, png 웹용으로저장/photoshop basic /photoshop tutorial/save for web 2024
iPhone 용으로 디자인 할 때, iPad 또는 iPod touch를 사용하는 경우 최상의 이미지 형식과 해상도를 선택하고 사진 및 기타 그래픽을 최적화해야합니다.
256 색 이하로 표시 할 수있는 로고, 만화 캐릭터 또는 그림과 같은 그래픽 작업을하는 경우 가장 좋은 방법은 PNG 8 형식을 사용하고 사용 된 총 색상 수를 줄이는 것입니다 가능한 한 이미지에서 파일 크기를 줄입니다.
이미지의 색상을 투명하게 만들고 수백만 가지 색상의 사진 또는 다른 유형의 이미지로 작업하는 경우 최상의 옵션은 PNG 24입니다.
대상 색상을 제거 할 때 발생할 수있는 이미지 품질 저하를 보완하는 데 도움이됩니다. PNG는 디더링 트릭 을 사용합니다. 디더링 (Dithering) 에는 제한된 색상 표를 사용하여 섬세한 색상 변형을 만들기 위해 바둑판 같은 패턴으로 픽셀을 교대로 사용합니다. 이 효과는 이미지의 가장자리를 매끄럽게하여 실제보다 더 많은 색상을 나타낼 수 있습니다.
1 이미지를 Photoshop에서 열고 파일 → 웹 및 장치 용으로 저장 (또는 파일 → 웹용으로 저장)을 선택합니다.웹 및 장치 용으로 저장 대화 상자가 나타납니다. 이 예에서는 웹 사이트의 평평한 예술에 대한 흑백 로고를 볼 수 있습니다. PNG 8 형식은 만화 및 라인 아트와 같이 제한된 색상의 이미지에 가장 적합합니다.
이 예는 상단의 로고 원본 이미지와 하단의 최적화 된 버전의 미리보기를 볼 수있는 2-Up을 보여줍니다.
3 미리보기 이미지를 선택하여 설정 변경을 시작하십시오.
이미지를 클릭하여 대화 상자 창에서 활성화하십시오.
4 대화 상자 창의 오른쪽에서 사전 설정 바로 아래에있는 작은 화살표를 클릭하여 최적화 된 파일 형식 드롭 다운 목록을 열고 PNG 8 또는 24를 선택하십시오.
PNG 8을 선택하면 가장 작은 파일 크기를 얻으십시오. 여러 색상으로 이미지를 최적화하고 하나의 색상을 여전히 투명하게 설정할 수있는 경우에만 PNG 24를 선택하십시오. <색상> 상자에서 그림 8-5와 같이 색상 수를 선택합니다.
사용하는 색상이 적을수록 파일 크기가 작아지고 이미지를 더 빨리 다운로드 할 수 있습니다. 그러나 조심하십시오. 색상을 너무 많이 줄이면 세부 정보가 손실됩니다.이상적인 색상 수는 이미지에 따라 다릅니다. 너무 멀리 가면 이미지가 끔찍해 보일 것입니다.
6 이미지에서 투명한 영역을 유지하려면 [투명도] 확인란을 선택합니다.
편집기에서 이미지를 만들 때 투명한 이미지 영역이 미리보기 창에 투명하게 나타납니다. 이미지에 투명 영역이 없으면이 설정이 적용되지 않습니다.
투명성은 웹 페이지에서 텍스트 나 이미지가 뜨는 것처럼 보이게 만드는 좋은 방법입니다. 투명한 배경이 웹 페이지에 나타나지 않기 때문입니다. Photoshop 또는 Photoshop Elements에서 새 이미지를 만들 때 [새 파일] 대화 상자에서 배경 옵션으로 투명도를 선택할 수 있습니다.
7 투명도를 선택하는 경우 매트 색상도 지정하십시오.
무광택 색상이 웹 페이지의 배경색과 일치하도록하여 투명한 가장자리를 따라 디더링이 배경과 섞일 수 있도록합니다. 무광택 색을 지정하지 않으면 투명도가 흰색 배경으로 설정되어 이미지가 컬러 배경에 표시 될 때
후광
효과가 발생할 수 있습니다. 8 원하는대로 다른 설정을 지정하십시오. 이 대화 상자의 나머지 설정은 Photoshop에서 기본값으로 남겨 둘 수 있습니다.
9 저장을 클릭합니다.
다른 이름으로 최적화 저장 대화 상자가 열립니다.
10 이미지의 이름을 입력하고 로컬 사이트 폴더의 이미지 폴더 (또는 다른 폴더)에 저장하십시오.
사이트의 GIF 또는 PNG로 최적화하려는 각 이미지에 대해이 단계를 반복합니다.