웹 이미지 포맷 선택 및 활용 방법 PNG, JPG, GIF_HTML/Xhtml_웹페이지 제작

그럼 GIF, PNG, JPG 중 어떤 형식을 후보 형식으로 선택해야 하며, 이미지 크기는 더 작지만 화질은 더 좋게 만들 수 있는 이미지 형식은 무엇인가요?

1. 사진 형식

GIF

GIF의 가장 뛰어난 점은 애니메이션을 지원한다는 것입니다. 동시에 GIF는 무손실 이미지 형식이므로 이미지를 수정한 후에도 이미지 품질이 손실되지 않습니다. 반투명(완전 투명 또는 완전 불투명).
Google에 따르면 GIF는 작거나 단순한 이미지(10×10 미만 또는 3색 미만)에 적합합니다.

PNG

우선 PNG에는 PNG-8과 True Color-PNG(PNG-24 또는 PNG-32)이 포함됩니다. GIF에 비해 PNG의 가장 큰 장점은

• 보통 크기가 더 작습니다
• 알파 지원(완전 투명)

하지만 PNG는 애니메이션을 지원하지 않는다는 것을 알고 있습니다.

동시에 IE6에서는 PNG-8을 지원할 수 있지만 PNG-24의 투명도를 처리할 때 회색으로 표시된다는 점에 유의하세요. 관련 예는 sitepoint를 참조하세요.

일반적으로 이미지를 PNG-8로 저장하면 동일한 품질의 GIF보다 크기가 작아지며, 완전히 투명한 이미지의 경우 현재 PNG-24만 사용할 수 있습니다. 하지만 이미지를 PNG-8 및 GIF로 저장할 때는 주의하세요. 법이 항상 옳은 것은 아니기 때문에 비교해 보세요.

JPG

JPG는 GIF나 PNG보다 더 많은 색상을 표시할 수 있고 동시에 압축도 잘 되므로 디지털 사진 저장에 매우 적합합니다. 하지만 왜곡 압축이므로 수정할 때마다 문제가 발생합니다. 이미지의 픽셀 왜곡이 발생합니다.

위의 소개를 읽은 후에는 어떤 종류의 사진을 저장하는 데 사용할 형식을 간단히 이해해야 합니다.

한 문장:작은 사진이나 웹페이지의 기본 요소(예: 버튼)에는 PNG-8 또는 GIF를 고려하세요.