페이지를 느리게 하지 않는 크기로 이미지 바꾸기
카메라 파일은 너비가 5000픽셀인 경우가 많습니다. 본문 칸은 720픽셀입니다. 나중에 압축해도 카메라 파일을 그대로 제공하면 전송량이 낭비됩니다. 여기서 너비에 상한을 둔 다음 내보냅니다.
- 빠름
- 100% 비공개
- 항상 무료
- 어떤 브라우저든
이 페이지 어디에든 이미지를 놓을 수 있습니다
JPG, PNG, WebP, GIF, SVG, HEIC, AVIF. 사진은 이 기기에 남습니다.
이럴 때 씁니다
픽셀 크기가 배치에 비해 너무 클 때는 크기를 바꿉니다. 틀은 맞고 용량만 클 때는 압축합니다.
블로그 글과 상품 카드에는 너비 1200px이 무난한 처음 값입니다. 같은 이미지를 2배 화면에서 CSS 기준 1200픽셀로 보여 주면 2400으로 합니다.
Instagram 자르기와 스토리에는 소셜용 페이지를 씁니다. 그 페이지는 정해진 틀을 채웁니다. 여기의 최대 너비는 사진 전체를 남깁니다.
JSON을 정리하거나, 토큰을 공개 사이트에 붙이지 않고 내용을 확인해야 하면 ToolBuddy을 씁니다. 그쪽도 브라우저 안에 남습니다.
하는 방법
- 너무 큰 사진을 놓습니다.
- 최대 너비를 1200이나 1600으로 합니다. 비율로 줄이고 싶을 때 말고는 배율을 비워 둡니다.
- 본문 사진에는 품질 0.85 안팎의 JPG나 WebP면 충분합니다.
- 결과를 CMS에 넣습니다. 같은 칸에 12MB 원본을 혹시 몰라서 함께 올리지 마세요.
팁
- 400px 로고를 1200까지 키우면 흐려집니다.
- 갤러리 너비가 같으면 더 정돈되어 보입니다.
- 크기를 바꾼 뒤에도 용량이 크면 압축하거나 WebP로 변환합니다.
관련
질문
이미지가 잘리나요?
잘리지 않습니다. 최대 너비는 사진 전체를 남기고 줄입니다.
높이는 어떻게 되나요?
높이는 자동으로 정해지고, 사진은 늘어나지 않습니다.
줄인 파일을 보관하나요?
보관하지 않습니다. 받아서 자신의 사이트에 둡니다.