무료 PNG 크기 조절

투명도를 유지한 채 PNG 크기를 512px 아이콘부터 레티나용까지 조절해요. 결과는 무손실 PNG이고 축소 시 스무딩이 적용돼요.

이미지 크기 조절

처리 전에 결과 픽셀과 예상 용량을 확인하세요.

알아 두면 좋은 점

PNG는 로고, 화면 캡처, 아이콘, 투명한 가장자리가 있는 이미지에 쓰는 형식이라 사진 크기를 줄이는 것과는 다른 작업이에요. 알파 채널이 그대로 다시 그려지기 때문에 부드러운 그림자가 있는 로고도 줄인 뒤 그림자가 남고, 흰색으로 합쳐지는 일은 없어요.

PNG에는 품질 설정이 없어서 품질 슬라이더를 신경 쓸 필요 없이 무손실로 저장돼요. 달라지는 건 픽셀 내용이에요. 크기를 바꿀 때 고품질 스무딩이 쓰이는데 사진과 그라데이션에는 잘 맞지만 1픽셀 선이나 도트 그래픽은 뭉개져요. 1024×1024 앱 아이콘을 512×512로 줄이는 건 정확히 절반이라 깔끔하게 샘플링되고, 1024를 333처럼 어중간한 배율로 줄이면 가장자리가 더 흐려져요.

화면 캡처가 대표적인 경우예요. 2880×1800 레티나 캡처를 50%로 줄이면 문서 페이지가 흔히 쓰는 1440×900이 돼요. PNG는 단색 영역을 효율적으로 저장해서 캡처는 KB도 크게 줄어드는 반면, 사진을 담은 PNG는 거의 변하지 않을 수 있어요.

그래도 무겁다면 PNG 압축기가 해상도는 건드리지 않고 무손실 최적화를 해줘요. 크기 조절을 먼저, 최적화를 나중에 하면 가장 작은 결과를 얻어요.

작업별 도구 16
함께 쓰는 도구 13
무료 PNG 크기 조절 사용 방법
  1. PNG를 페이지에 올려요. 투명한 부분은 미리보기에서 체크무늬로 보여요.
  2. 정확히 절반으로 줄이려면 백분율에서 50%를 고르고, 또는 픽셀에서 가로 512 같은 값을 입력해요.
  3. 아이콘이 정사각형을 유지하도록 가로세로 비율 유지를 켜 둬요.
  4. 크기 조절을 실행하고 PNG를 내려받아 어두운 배경과 밝은 배경에 올려 가장자리를 확인해요.

빠른 안내

PNG 크기를 바꿔도 투명 배경이 유지되나요?

유지돼요. 알파 채널이 색과 함께 다시 그려지고 PNG로 저장되어 투명 영역이 그대로 투명해요.

레티나용 PNG는 몇 픽셀로 만들어야 하나요?

표시 크기의 두 배예요. CSS 64px로 보이는 아이콘은 2배 화면에서 선명하려면 128px, 3배 화면이면 192px PNG가 필요해요.

도트 그래픽이 줄인 뒤에 흐릿해지는 이유가 뭔가요?

크기 변환에 이웃 픽셀을 섞는 스무딩이 쓰이기 때문이에요. 도트 그래픽에는 최근접 이웃 방식이 필요한데 이 도구에는 없어서, 정수배 확대는 전용 픽셀 편집기에서 하세요.

이 페이지에는 왜 품질 슬라이더가 없나요?

PNG는 무손실 형식이라 브라우저가 품질 값을 무시해요. KB를 줄이려면 이후에 PNG 압축기를 쓰세요.