플레이스홀더 이미지 생성기

기능

가로·세로 지정

색상 사용자 지정

텍스트 사용자 지정

PNG/SVG 내려받기

사용 방법

1. 자주 쓰는 크기(OG 이미지, 아바타, HD 등)를 고르거나 픽셀 값을 직접 입력하세요.

2. 배경색과 글자색을 설정하세요 — 어디에 놓일지 모르는 이미지라면 체커 배경이 유용합니다.

3. PNG로 내려받거나 data URL로 복사해 src 속성에 바로 붙여넣으세요.

이 도구에 대하여

레이아웃을 만드는 동안 실제 사진은 준비되지 않은 경우가 많고, 깨진 이미지 아이콘으로는 여백을 판단하기 어렵습니다. 이 생성기는 정확한 픽셀 크기의 단색 자리 표시 이미지를 원하는 배경색과 글자색으로 만들고, 크기나 직접 입력한 문구를 표시해 최종 이미지가 어떤 크기여야 하는지 모두가 알 수 있게 합니다. 1200 × 630 Open Graph 이미지, 1600 × 900 Twitter 카드, 1080 × 1080 정사각형 게시물, 1920 × 1080 HD, 4:3, 1500 × 500 배너, 400 × 400 프로필 사진 같은 프리셋이 있고, 너비와 높이를 직접 입력할 수도 있습니다. 결과는 PNG로 다운로드하거나 data URL로 복사해 프로토타입, 이메일 템플릿, 테스트 데이터의 img src 속성에 바로 붙여넣을 수 있습니다.

자주 묻는 질문

data URL은 무엇이고 왜 복사하나요?

data URL은 이미지 전체를 텍스트로 인코딩한 것으로 data:image/png;base64로 시작합니다. 파일을 저장하거나 호스팅하지 않고 <img src>나 CSS 배경에 바로 붙여넣을 수 있어 빠른 프로토타입에 편리합니다.

자리 표시 이미지는 최종 크기와 같아야 하나요?

그렇습니다. 최종 크기와 가로세로 비율을 그대로 쓰면 레이아웃 밀림, 잘림, 텍스트 줄바꿈 문제를 일찍 발견할 수 있어 실제 이미지를 넣을 때 놀랄 일이 없습니다.

Open Graph 이미지는 어떤 크기가 좋나요?

Facebook, LinkedIn, 여러 메신저 앱의 링크 미리보기에는 1200 × 630픽셀이 널리 권장됩니다. 일부 플랫폼은 정사각형으로 자르므로 중요한 글자는 가장자리에서 떨어뜨리세요.

체크무늬나 중립적인 배경을 고르는 이유는 무엇인가요?

중간 회색이나 체크무늬는 자리 표시 이미지라는 것을 분명히 보여 주고 어떤 배경 위에 놓일지 모를 때 어떻게 보이는지 확인하기 좋아, 완성된 그림으로 오해할 가능성이 줄어듭니다.

이 이미지를 운영 사이트에 써도 되나요?

시안과 개발용으로 만든 이미지입니다. 실제 사이트에 자리 표시 이미지를 남기면 미완성으로 보이고 검색 엔진에도 유용한 이미지 내용이 없으므로, 공개 전에 실제 이미지와 대체 텍스트로 바꾸세요.

기능

사용 방법

이 도구에 대하여

자주 묻는 질문

관련 도구