본문 바로가기

Utility

인스타그램 피드 미리보기

Instagram Feed Preview

사진 12장의 프로필 그리드 확인

your_account 피드 미리보기
왼쪽 위가 가장 최근 게시물입니다. 사진을 끌어 순서를 바꾸거나 이동 버튼을 사용하세요.

사진을 추가하면 3:4 프로필 썸네일을 표시합니다.

인스타그램 피드 미리보기 사용 방법

  1. JPEG, PNG 또는 WebP 사진을 최대 12장까지 선택하거나 선택 영역에 끌어 놓습니다.
  2. 프로필 피드는 왼쪽 위를 최신 게시물로 보고 3열 4행에 사진을 배치합니다.
  3. 사진을 끌어 순서를 변경하거나 각 사진의 이전·다음 이동 버튼을 사용합니다.
  4. 사진을 선택한 뒤 가로·세로 초점 위치를 바꿔 3:4 썸네일에서 보일 영역을 조절합니다.
  5. 실제 게시 순서와 반대로 넣었다면 순서 뒤집기를 사용합니다.

현재 인스타그램 비율 기준

현재 프로필 그리드는 정사각형 대신 세로형 3:4 타일을 사용합니다. 게시 사진은 가로 1.91:1부터 세로 3:4까지 지원되지만, 이 도구는 계정 프로필에서 보이는 3:4 썸네일을 기준으로 미리 보여줍니다.

비율 기준은 Instagram 이미지 해상도 도움말Instagram 책임자의 3:4 지원 발표를 참고했습니다.

사진 원본을 실제로 자르지 않고 CSS의 `object-fit: cover`와 `object-position`으로 보이는 위치만 조정합니다. Instagram 앱에서 최종 썸네일 위치나 UI가 바뀌면 실제 결과와 차이가 생길 수 있습니다.

사진 처리와 개인정보

선택한 사진은 서버로 업로드하지 않습니다. 브라우저가 이미지를 한 장씩 읽고 긴 변 1200px 이하의 임시 미리보기로 축소한 뒤 메모리 URL을 만들어 화면에 표시합니다. 사진을 삭제하거나 초기화하거나 페이지를 떠날 때 임시 URL을 해제합니다.

이 방식은 서버 저장 공간과 이미지 업로드 트래픽을 사용하지 않으며, 고해상도 사진 12장을 원본 크기로 동시에 디코딩할 때 생길 수 있는 브라우저 메모리 부담도 줄입니다.

지원 범위와 주의사항

HEIC 사진도 사용할 수 있나요?

첫 버전은 브라우저 호환성이 안정적인 JPEG, PNG, WebP만 지원합니다. HEIC는 기기와 브라우저에 따라 해석할 수 없어 지원하지 않습니다.

사진이 인터넷으로 전송되나요?

아니요. 이미지 파일을 서버로 보내는 요청이나 저장 API가 없으며 현재 탭의 브라우저 메모리에서만 처리합니다.

미리보기 순서가 실제 게시 순서와 다른 이유는 무엇인가요?

Instagram 프로필은 가장 최근 게시물을 왼쪽 위에 표시합니다. 첫 게시물부터 순서대로 사진을 준비했다면 순서 뒤집기 버튼으로 프로필 표시 순서에 맞출 수 있습니다.

이 도구는 Instagram 또는 Meta가 제공하거나 보증하는 공식 도구가 아닙니다. 실제 앱의 비율과 화면 구성은 서비스 업데이트에 따라 달라질 수 있습니다.