Format Atlas

이미지 투명도

투명한 부분은 뒤의 배경을 보여 줍니다. 형식과 사용처가 알파 채널을 보존하는지 확인하세요. 일반적인 JPEG에는 투명도가 없습니다.

형식

PNGPNG는 알파 투명도를 지원하는 무손실 래스터 이미지 형식입니다.WebPWebP는 웹 전송을 위해 설계된 이미지 형식으로, 손실 또는 무손실 압축과 알파 투명도, 애니메이션을 지원합니다.AVIFAVIF는 AV1 Image File Format 사양에 기반한 정지 이미지 형식입니다. 웹 전송에서 이미지 크기와 품질의 균형을 위한 선택지이며 JPEG나 WebP를 자동으로 대체하지는 않습니다.SVGSVG는 XML 기반 벡터 이미지 형식입니다. 확대해도 윤곽이 선명해 로고, 아이콘, 다이어그램에 적합하며 일반 사진에는 맞지 않습니다.GIFGIF는 여러 프레임을 포함할 수 있는 이미지 형식으로, 짧은 반복 애니메이션에 흔히 쓰입니다. 색상 팔레트가 제한되어 사진이나 긴 움직임보다 단순한 도표와 짧은 설명에 알맞습니다.

비교

JPEG와 PNGJPEG는 보통 손실 압축을 사용해 많은 사진에 적합하고, PNG는 픽셀을 무손실로 보존하며 투명도를 지원합니다. 선택은 이미지 내용, 편집 요구, 대상 환경에 따라 달라집니다.PNG와 WebPPNG와 WebP는 모두 투명도를 지원할 수 있습니다. PNG는 호환성이 넓은 무손실 형식이고 WebP는 웹 전송 최적화에 쓸 수 있으며 애니메이션도 지원합니다. 실제 자산과 대상 브라우저를 기준으로 비교하세요.

가이드

투명 이미지 형식 선택하기투명 이미지에서는 반투명, 사진의 세부 표현, 확대 가능한 벡터 그림이 필요한지와 대상 환경 지원을 확인하세요.웹 이미지 형식 선택하기형식을 고르기 전에 제공할 이미지 종류와 지원해야 할 브라우저·도구를 먼저 결정하세요.

관련 형식과 자료

래스터와 벡터 이미지래스터 이미지는 픽셀을 저장하고 벡터 이미지는 도형을 기술합니다. 사진에는 래스터가, 로고나 도표에는 크기를 바꿔도 선명한 벡터가 유용합니다.

참고 자료 및 사양