이미지 / 목업

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

원하는 색상과 텍스트를 사용해 여러 크기의 플레이스홀더 이미지를 한 번에 만들고, 목업·레이아웃·광고 영역에 사용할 PNG 또는 SVG로 다운로드합니다.

플레이스홀더 이미지 생성기: 각 이미지는 크기 또는 입력한 텍스트가 중앙에 배치된 단색 직사각형입니다. 텍스트 크기는 이미지 너비의 약 80%, 높이의 40% 안에 들어가도록 조정됩니다. SVG 이미지는 일반 마크업으로 작성되며 각각 수백 바이트에 불과합니다. PNG 이미지는 브라우저의 캔버스에서 그립니다. 서버에 파일을 전혀 업로드하지 않고 브라우저에서 100% 로컬로 실행됩니다.

카테고리
이미지 도구
실행 횟수
브라우저에서
비용
무료 · 가입 불필요
사용 가능 여부
사용 가능
자리 표시자 이미지 생성기로컬 처리

브라우저에서 전부 실행됩니다

1200 × 630
1200 × 630
1080 × 1080
1080 × 1080
300 × 250
300 × 250
728 × 90
728 × 90

이미지는 브라우저에서 생성됩니다. SVG 파일은 어떤 크기에서도 선명하고 용량이 작으며, PNG는 이메일과 오피스 문서를 비롯한 모든 곳에서 사용할 수 있습니다.

레이아웃에서 자리표시자 사용

자리표시자를 최종 이미지와 정확히 같은 크기로 만들어 실제 이미지가 들어와도 페이지가 움직이지 않게 하십시오. 완성된 디자인으로 오해하지 않도록 중립적인 회색을 사용하십시오.

실제 이미지가 준비되면 이미지 크기 조정기로 원하는 크기에 맞추고, 가로세로 비율 계산기로 비율을 확인하십시오.

SVG 자리표시자 삽입

SVG 자리 표시자 이미지는 별도 파일 없이 데이터 URI로 img 태그의 src에 바로 넣을 수 있습니다. data URI 생성기를 사용하면 다운로드한 SVG에서 데이터 URI를 만들 수 있습니다.

사용 방법

  1. 필요한 크기를 1200x630, 300x250처럼 입력합니다.
  2. 배경색과 텍스트 색상을 선택하고 필요하면 텍스트를 입력합니다.
  3. 각 이미지를 PNG 또는 SVG로 다운로드하거나 모두 다운로드합니다.

개인정보 보호 및 제한사항

이미지는 브라우저에서 생성되며, 어떤 것도 업로드하거나 가져오지 않습니다.

관련 도구

자주 묻는 질문

어떤 크기를 많이 사용합니까?

소셜 미디어 링크 미리보기에는 1200 × 630, 정사각형 게시물에는 1080 × 1080을 사용합니다. 표준 디스플레이 광고에는 300 × 250, 728 × 90, 160 × 600을 많이 사용합니다.

PNG와 SVG 중 어떤 형식을 사용해야 합니까?

SVG는 용량이 매우 작고 어떤 확대 배율에서도 선명하게 유지되므로 웹 목업에 적합합니다. 이메일, 슬라이드 또는 일부 디자인 도구처럼 SVG를 지원하지 않는 곳에서는 PNG를 사용하십시오.

여러 줄의 텍스트를 사용할 수 있습니까?

한 줄만 입력할 수 있는 텍스트 상자에서는 여러 줄을 사용할 수 없습니다. 크기 표시나 Logo 또는 Banner처럼 짧은 단어를 입력하는 것이 일반적으로 가장 명확합니다.

무료 도구 · 브라우저에서회 실행 · 계정 불필요