Softonic

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

단계 1 / 2
서비스
다음

와이어프레임, 시제품 또는 콘텐츠 영역에 넣을 임시 이미지를 만듭니다. 크기, 색상, 선택 사항인 라벨을 지정한 뒤 브라우저에서 그린 PNG를 저장할 수 있습니다. placehold.co, picsum.photos 또는 dummyimage.com용 URL과 HTML 이미지 태그도 생성합니다.

플레이스홀더 이미지 만드는 법

  1. 1

    서비스 선택

    외부 URL에 사용할 placehold.co, picsum.photos 또는 dummyimage.com을 고릅니다.

  2. 2

    크기 지정

    너비와 높이를 1~4000픽셀로 입력합니다.

  3. 3

    캔버스 꾸미기

    색상과 선택 라벨을 지정합니다. Picsum URL에는 이 설정이 적용되지 않습니다.

  4. 4

    결과 사용

    로컬 캔버스를 PNG로 저장하거나 외부 URL 또는 HTML을 복사합니다.

자주 쓰는 크기

최종 이미지와 같은 화면비를 쓰면 교체할 때 레이아웃이 움직이는 일을 줄일 수 있습니다.

용도 크기 화면비
Open Graph 이미지 1200 × 630 px 1.91:1
동영상 미리보기 1280 × 720 px 16:9
정사각형 상품 카드 600 × 600 px 1:1
이메일 배너 600 × 200 px 3:1
  • PNG 다운로드는 색상, 격자, 대각선, 라벨이 포함된 브라우저 캔버스를 저장합니다.
  • URL은 선택한 외부 서비스를 가리킵니다. Picsum은 임의의 사진을 반환하며 색상과 라벨을 쓰지 않습니다.
  • HTML은 외부 URL을 너비, 높이, 대체 텍스트가 있는 <img> 요소에 넣습니다.

라벨은 당사 서버 상태로 전송되며 복사한 외부 URL에도 들어갈 수 있습니다. 비밀 문구를 입력하지 마세요.

자주 묻는 질문

다운로드 버튼은 PNG만 만듭니다. SVG, JPEG, WebP로 내보내지는 않습니다.

너비와 높이는 각각 4000픽셀까지입니다. 큰 캔버스는 메모리를 많이 쓸 수 있습니다.

미리보기는 로컬에서 그리지만 Picsum은 임의의 사진을 반환하고 색상과 라벨을 무시하기 때문입니다.

비공개로 간주하지 마세요. 앱으로 전송되며 단계별 URL과 지원되는 외부 URL에 나타날 수 있습니다.

관련 도구

ASCII 표 참조

NUL, LF, DEL 같은 제어 문자를 포함해 모든 문자에 대한 10진수, 16진수, 8진수, 2진수, HTML 숫자 문자 참조를 담은 0부터 127까지의 전체 ASCII 표.

HTML 문자 참조

HTML 엔티티의 검색 가능한 목록, 각 엔티티의 이름 및 숫자 코드, 그리고 특수 문자 및 기호에 대한 1클릭 복사 기능을 제공합니다.

키보드 단축키 참고표

macOS, Windows, Linux에서 VS Code, Chrome, GNU Readline을 쓰는 Bash의 문서화된 기본 단축키를 검색합니다.

보색 찾기

어떤 입력에 대해서도 보색을 찾습니다. HSL 반대 색, 분할 보색 쌍, 그리고 접근성 있는 조합 제안을 반환합니다.

색상 틴트 생성기

기준 색의 밝은 틴트를 생성합니다. 디자인 시스템 토큰, 배경, 호버 상태를 위한 3-20단계 스케일.

이메일 검증기

이메일 주소를 검증합니다. RFC 5322 구문 검사, 실시간 MX 레코드 조회, 그리고 로컬 파트, 도메인, 길이 정보를 제공합니다. 이메일은 전송되지 않습니다.

이 도구는 다른 언어로도 제공됩니다