이미지 파일 최대 너비(px) 품질(0.2~1) 출력 포맷 원본 최적화 결과

미리보기

이미지 최적화 작업 흐름

블로그나 서비스에 이미지를 올리기 전에 용량과 화질 사이에서 어디까지 줄여도 되는지 판단해야 합니다. 크기, 품질, 출력 형식을 바꿔가며 결과를 바로 비교하면 그 지점을 눈으로 찾을 수 있습니다. 파일은 서버로 올라가지 않고 브라우저에서 처리되므로 공개 전 이미지나 사내 자료도 그대로 넣을 수 있습니다.

업로드 전 용량 줄이기

블로그, 문서, 랜딩 페이지에 올릴 이미지를 적절한 너비와 품질로 줄여 로딩 부담을 낮춥니다.

포맷 비교

WEBP, JPEG, PNG 출력 차이를 확인해 사진, 스크린샷, 투명 이미지에 맞는 형식을 고릅니다.

로컬 변환

이미지 리사이즈와 변환은 브라우저에서 처리되며, 선택한 원본 파일을 별도 서버로 업로드하지 않습니다.

자주 만나는 오류

투명 배경이 검게 변할 때

JPEG는 투명도를 지원하지 않습니다. 투명 PNG를 JPEG로 바꾸면 투명 부분이 검정이나 흰색으로 채워집니다. 투명이 필요하면 WebP나 PNG로 유지하세요.

다시 압축할수록 흐려질 때

JPEG와 WebP는 손실 압축입니다. 이미 압축된 파일을 다시 압축하면 화질 저하가 누적됩니다. 항상 원본에서 시작하세요.

용량이 거의 안 줄 때

이미 최적화된 파일이거나 해상도가 그대로인 경우입니다. 대개 품질 수치보다 가로 크기를 실제 표시 크기로 줄이는 쪽이 효과가 큽니다.

확인할 점

투명도와 포맷

JPEG는 투명 배경을 보존하지 않습니다. 로고나 아이콘처럼 투명도가 필요하면 PNG나 WEBP를 고려하세요.

메타데이터

브라우저 캔버스 변환 과정에서 EXIF 같은 메타데이터가 유지되지 않을 수 있습니다. 사진 기록 보존이 필요하면 원본을 따로 보관하세요.

WebP가 항상 작지는 않습니다

사진에서는 WebP가 JPEG보다 작지만, 색이 적은 로고나 스크린샷은 PNG가 더 작을 수 있습니다. 투명도가 필요하면 JPEG는 후보에서 빠집니다. 세 형식으로 한 번씩 내보내 크기를 비교하는 편이 확실합니다.

메타데이터와 회전 정보

휴대폰 사진은 EXIF에 촬영 위치와 방향이 들어 있습니다. 압축 과정에서 EXIF가 지워지면 세로로 찍은 사진이 눕는 경우가 있고, 반대로 남겨두면 위치 정보가 함께 공개됩니다. 공개할 이미지라면 지우는 쪽이 맞습니다.

한 번 줄인 화질은 되돌아오지 않습니다

JPEG와 WebP는 손실 압축이라 저장할 때마다 정보가 사라집니다. 압축한 파일을 다시 압축하면 품질이 계단식으로 떨어집니다. 원본을 보관하고 필요할 때마다 원본에서 새로 내보내는 편이 맞습니다.

사용 순서

원본 이미지를 선택합니다.

목표 너비, 품질, 출력 포맷을 설정합니다.

예상 용량과 표시 품질을 비교한 뒤 다운로드합니다.

중요한 이미지는 실제 페이지에 넣어 선명도와 레이아웃 영향을 다시 확인합니다.

함께 쓰면 좋은 도구

이미지 용량 줄이기