gimp
6.2.1. 이미지의 최적 크기 및 화질 비율
웹에 최적화된 이미지는 이미지 타입과 파일 포맷에 따라 결정됩니다.
JPEG 이미지 포맷은 많은 색상을 가지고 있고, 세밀하기 때문에 사진 촬영에 사용하세요.
적은 색상이 필요한 경우, 예를 들어 버튼, 아이콘 또는 스크린샷 등은 PNG 이미지 포맷이 더 적절합니다.
아래의 과정을 통해 PNG 이미지를 웹에 최적화하는 방법을 알아보겠습니다.
1. 이미지 열기
먼저 이미지를 엽니다. 여기서는 윌버 그림을 예제로 사용하였습니다.
그림 90.99.a141. 웹 이미지로 최적화하기 과정의 소스 이미지
2. 이미지의 알파 채널 제거
위 이미지는 알파 채널이 추가된 RGB 모드(RGBA)로 되어 있습니다.
하지만 일반적으로 웹이미지에는 알파 채널이 필요 없습니다.
따라서 배경으로 합치기를 통해 알파 채널을 없애도 됩니다. 사진은 알파 채널을 갖는 경우가 드뭅니다.
그래서 이미지는 RGBA 모드보다 RGB 모드로 열립니다. 그러므로 알파 채널을 별도로 제거할 필요가 없습니다.
🗒️ 참고
이미지가 부드러운 트랜지션을 투명 영역에 가지고 있다면, 알파 채널을 지우면 안됩니다. 알파 채널을 지우면, 트랜지션 정보가 파일이 저장되지 않기 때문입니다. GIF처럼 투명 영역에 부드러운 트랜지션 정보가 없는 이미지를 내보낸다면, 알파 채널을 지워주세요.
3. 이미지 레이어 평탄화(flatten)
이미지의 레이어를 모두 하나로 합친 다음에, PNG 포맷으로 이미지 내보내기를 합니다.
🗒️ 참고
PNG포맷의 기본 설정으로 이미지를 내보낼 수 있습니다. 언제나 최대 압축으로PNG이미지를 만드세요. 최대 압축은 이미지 품질이나 화면에 이미지를 보여주는 시간에 전혀 영향을 주지 않습니다. 하지만PNG이미지를 내보내기 할 때 좀 더 시간이 걸립니다. 그러나 JPEG 이미지는 압축률이 올라가면 이미지 품질이 떨어집니다. 이미지가 많은 색상을 가진 사진 이미지라면JPEG이미지 포맷을 사용해야 합니다. 중요한 점은 이미지 품질과 압축률 사이에 적절한 타협점을 찾는 것입니다. 이 주제에 대한 더 많은 정보를 6.1.2.3. 이미지를 JPEG로 내보내기에서 찾아 볼 수 있습니다.
(TODO 좀 더 추가하거나 개선할 내용이 있는지 찾아볼 필요가 있음)