웹에서 쓰는 이미지는 보기 좋은지만으로 판단하기 어렵습니다. 실제 픽셀 크기, 파일 용량, 형식, 투명도, 애니메이션 여부에 따라 배치와 최적화 방법이 달라집니다.
크기는 레이아웃과 성능에 영향을 준다
원본 이미지가 너무 작으면 고해상도 화면에서 흐릿해질 수 있고, 필요 이상으로 크면 로딩이 무거워집니다. 표시 크기와 실제 픽셀 수를 함께 보는 것이 중요합니다.
- 예상보다 큰 이미지가 섞여 있는지
- 확장자와 실제 형식이 맞는지
- 투명도가 필요한 이미지에 alpha 정보가 있는지
- GIF나 WebP 애니메이션이 의도된 것인지
- 용량과 픽셀 수의 균형이 적절한지
TOOLPOOL 이미지 크기·형식 인스펙터는 브라우저 안에서 이미지를 읽고 썸네일, 형식, 용량, 픽셀 수, 비율, 투명도와 애니메이션 정보를 함께 보여 줍니다.