가이드
이미지를 늘어짐 없이 리사이즈하는 방법
가로세로 비율을 유지해 사진·스크린샷을 자연스럽게 리사이즈하는 실무 가이드입니다.
이미지가 찌그러지는 가장 큰 이유는 비율을 유지하지 않고 가로·세로를 따로 바꾸기 때문입니다. 비율 우선 방식만 지켜도 대부분의 왜곡을 막을 수 있습니다.
Understand what causes stretching
Every image has a native width-to-height ratio.
When you force both dimensions to unrelated numbers, the picture distorts.
Keep aspect ratio lock enabled by default
Set either width or height first and let the other value auto-adjust.
This preserves natural shape for people, products, UI screenshots, and logos.
Resize to real layout targets
Pick dimensions based on where the image will actually appear.
Matching layout width reduces guesswork and prevents unnecessary edits.
- Check the image slot width in your page builder.
- Use one standard width per placement type.
- Export a second size only when layout truly differs.
Use crop only when composition needs it
Cropping can improve framing, but it should be intentional.
Do not use random cropping as a fix for stretched outputs.
Do a final visual check before upload
Preview at normal zoom on desktop and mobile.
If circles, faces, or text look natural, your resize settings are safe to reuse.
Use this when
- Your resized images look squashed or widened.
- Screenshot text becomes oddly stretched after editing.
- You need clean visuals for blog or product pages.
- You want a repeatable beginner-friendly resizing process.
Protect aspect ratio first
If you keep proportions locked and resize to real display width, most stretching problems disappear immediately.