래스터와 벡터 이미지래스터 이미지는 픽셀을 저장하고 벡터 이미지는 도형을 기술합니다. 사진에는 래스터가, 로고나 도표에는 크기를 바꿔도 선명한 벡터가 유용합니다. 파일 형식 기초 지식형식 i?01 · 02 FORMAT ATLAS 형식JPEGJPEG는 사진 배포에 널리 쓰이는 손실 이미지 형식입니다.PNGPNG는 알파 투명도를 지원하는 무손실 래스터 이미지 형식입니다.WebPWebP는 웹 전송을 위해 설계된 이미지 형식으로, 손실 또는 무손실 압축과 알파 투명도, 애니메이션을 지원합니다.AVIFAVIF는 AV1 Image File Format 사양에 기반한 정지 이미지 형식입니다. 웹 전송에서 이미지 크기와 품질의 균형을 위한 선택지이며 JPEG나 WebP를 자동으로 대체하지는 않습니다.SVGSVG는 XML 기반 벡터 이미지 형식입니다. 확대해도 윤곽이 선명해 로고, 아이콘, 다이어그램에 적합하며 일반 사진에는 맞지 않습니다.비교JPEG와 PNGJPEG는 보통 손실 압축을 사용해 많은 사진에 적합하고, PNG는 픽셀을 무손실로 보존하며 투명도를 지원합니다. 선택은 이미지 내용, 편집 요구, 대상 환경에 따라 달라집니다.PNG와 WebPPNG와 WebP는 모두 투명도를 지원할 수 있습니다. PNG는 호환성이 넓은 무손실 형식이고 WebP는 웹 전송 최적화에 쓸 수 있으며 애니메이션도 지원합니다. 실제 자산과 대상 브라우저를 기준으로 비교하세요.가이드사진 파일 형식 선택하기사진은 쉬운 공유와 호환성, 웹 파일 크기, 제작·편집 요구사항 중 무엇을 우선할지에 따라 형식이 달라집니다.웹 이미지 형식 선택하기형식을 고르기 전에 제공할 이미지 종류와 지원해야 할 브라우저·도구를 먼저 결정하세요.관련 형식과 자료이미지 투명도투명한 부분은 뒤의 배경을 보여 줍니다. 형식과 사용처가 알파 채널을 보존하는지 확인하세요. 일반적인 JPEG에는 투명도가 없습니다.무손실과 손실 압축무손실 압축은 원본 데이터를 복원할 수 있지만 손실 압축은 크기를 줄이려고 정보를 버립니다. 나중에 편집할 계획이라면 적절한 원본을 보관하세요.참고 자료 및 사양W3C — SVG 2W3C — Portable Network Graphics (PNG) Specification (Third Edition)