소셜 미디어 이미지 리사이저
이미지를 인스타그램·유튜브·X 및 커스텀 소셜 크기로 브라우저에서 일괄 리사이즈·크롭하고, 초점 크롭과 원클릭 ZIP을 지원합니다.
소셜 미디어 이미지 리사이저 — 이미지 한 장이나 여러 장을 끌어다 놓으면 필요한 모든 소셜 크기로 한 번에 내보냅니다. 인스타그램 게시물과 스토리, 유튜브 썸네일, X 게시물, 링크드인·페이스북 배너, Open Graph 카드는 물론 직접 입력한 임의의 너비×높이까지 지원합니다. '커버' 또는 '맞춤'을 고르고, 초점과 확대를 움직여 정중앙이 아니라 얼굴이 프레임 안에 오게 하고, 여백용 배경색을 지정한 뒤, 모든 결과를 하나의 ZIP으로 다운로드합니다. 모든 처리는 브라우저 안 HTML canvas에서 끝나므로 이미지는 어떤 서버에도 업로드되지 않습니다.
소셜 미디어 이미지 리사이저란?
deftdeck 소셜 미디어 이미지 리사이저는 한 장 또는 여러 장의 원본을 채널별로 딱 맞는 크기의 그래픽으로 한 번에 만듭니다. 소셜 미디어 담당자, 마케터, 크리에이터가 여러 사진을 인스타그램 정사각형, 9:16 스토리·릴스, 16:9 유튜브 썸네일, X 게시물 이미지, 링크드인·페이스북 배너, 1200×630 Open Graph 미리보기, 그리고 직접 입력한 임의 치수·비율로 일괄 변환할 때 사용합니다. 필요한 플랫폼 프리셋을 체크하고, 자신만의 크기를 추가하고, 큰 전후 비교 미리보기에 표시할 이미지와 크기를 고릅니다. '커버'는 조절 가능한 초점과 확대로 잘라 채우고, '맞춤'은 선택한 배경색 위에 이미지 전체를 담으며, 버튼 하나로 모든 이미지의 모든 크기를 다운로드 가능한 ZIP으로 묶습니다.
소셜 미디어 이미지 리사이저 사용법
- 이미지 한 장 또는 여러 장을 드롭존에 끌어다 놓거나, 클릭해 기기에서 PNG·JPEG·WebP 파일을 선택합니다.
- 설정을 열어 원하는 플랫폼 프리셋을 체크하고, 1080x1080 이나 1200x628 같은 커스텀 크기를 쉼표로 구분해 입력합니다.
- '커버' 또는 '맞춤'을 고른 뒤 가로 초점·세로 초점·확대를 움직여 각 사진의 중요한 부분이 프레임 안에 오게 합니다.
- '맞춤' 여백에는 배경색을 고르거나, PNG·WebP 출력이면 투명하게 둡니다.
- 미리보기 이미지와 크기 드롭다운으로 각 크롭을 확인한 뒤, 단일 크기를 다운로드하거나 모든 이미지의 모든 크기를 하나의 ZIP으로 받습니다.
예시
촬영분을 인스타그램 크기로 일괄 처리
가로 사진 10장을 끌어다 놓고 인스타그램 게시물(1080×1080)과 스토리/릴스(1080×1920)를 체크한 뒤, 세로 초점을 위로 올려 얼굴이 잘리지 않게 하고 '모두 다운로드'하면 ZIP에 각 사진이 두 크기로 담깁니다.
커스텀 배너 크기 추가
커스텀 크기에 1600x400 을 입력해 프리셋에 없는 크기를 만들고 '맞춤'으로 전환한 뒤, 브랜드 배경색을 지정해 디자인 전체가 보이는 여백 배너를 내보냅니다.
썸네일용 비대칭 크롭
넓은 메인 이미지를 불러와 유튜브 썸네일(1280×720)을 체크하고, 가로 초점을 피사체 쪽으로 옮긴 뒤 살짝 확대해 그 크기만 다운로드합니다.
자주 묻는 질문
- 한 번에 여러 이미지를 리사이즈할 수 있나요?
- 네. 여러 이미지를 끌어다 놓거나 선택하면 각 이미지가 선택한 모든 크기로 만들어집니다. 단일 결과를 다운로드하거나, '모두 다운로드(ZIP)'로 배치 전체(모든 이미지의 모든 크기)를 브라우저에서 생성한 하나의 압축 파일로 받을 수 있습니다.
- 프리셋에 없는 크기는 어떻게 추가하나요?
- 설정을 열어 커스텀 크기 칸에 1080x1080, 1200x628, 1600x400 처럼 쉼표로 구분해 치수를 입력합니다. 어떤 너비×높이·비율이든 되며, 커스텀 크기는 체크한 프리셋과 함께 내보내집니다.
- 항상 가운데로 두지 않고 크롭을 제어할 수 있나요?
- 네. '커버'에서는 가로·세로 초점 슬라이더로 크롭 위치를 옮기고 확대 슬라이더로 확대해 얼굴과 초점을 프레임 안에 둡니다. '맞춤'은 이미지 전체를 보여 주고 빈 공간을 선택한 배경색으로 채웁니다.
- '커버'와 '맞춤'의 차이는 무엇인가요?
- '커버'는 이미지를 프레임 전체에 채우고 넘치는 부분을 잘라내며, 위치는 초점과 확대로 정해집니다. '맞춤'은 이미지 전체가 프레임 안에 들어오도록 조절하고 여백을 더합니다(PNG/WebP는 투명 또는 배경색, JPEG는 항상 배경색).
- 제 이미지가 서버에 업로드되나요?
- 아니요. 리사이즈·크롭·ZIP 묶기는 모두 HTML canvas를 사용해 브라우저 안에서 로컬로 처리됩니다. 이미지는 기기를 벗어나지 않습니다.
관련 도구
코드 이미지 변환기
코드 스니펫을 브라우저 안에서 구문 강조 이미지로 바꿔 줍니다. 20종 이상의 언어, 사용자 지정 테마·배경, 줄 번호, PNG·SVG 내보내기를 지원합니다.
색상 대비 검사기
텍스트색과 배경색의 WCAG 2.1 대비와 APCA Lc 점수를 확인하고 AA·AAA·3:1 배지를 보며 가장 가까운 통과 색을 적용합니다.
색상 혼합기
두 HEX 색을 원하는 비율로 RGB 또는 Lab 색공간에서 섞어, 만들어진 중간 색을 견본과 복사 가능한 HEX 값으로 보여줍니다.
색상 셰이드 생성기
기준 HEX 색 하나를 OKLCH·HSL·RGB 셰이드 스케일로 변환하고 단계 수 조절, 단계별 WCAG 대비 힌트, CSS·Tailwind·JSON 내보내기를 제공합니다.