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

코드 스크린 샷QR 코드 인식QR 코드 생성기WiFi QR 코드 생성기SVG 플레이스 홀더 생성기OCR 이미지 인식텍스트에서 이미지로

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

이 도구는 SVG 이미지의 크기, 텍스트 및 전경색 (배경) 사용자 정의를 지원합니다. 생성 된 SVG 플레이스 홀더 이미지는 URL을 통해 직접 참조 할 수도 있고 SVG를 로컬로 저장하여 다른 시나리오에서 사용할 수도 있습니다.

이미지 너비 (px)

이미지 높이 (px)

전경색

Hex

Alpha

배경색

Hex

Alpha

SVG HTML

<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 600 350" width="600" height="350">
  <rect width="600" height="350" fill="#cccccc"></rect>
  <text x="50%" y="50%" dominant-baseline="middle" text-anchor="middle" font-family="monospace" font-size="26px" fill="#333333">600*350</text>   
</svg>

SVG Base64

data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA2MDAgMzUwIiB3aWR0aD0iNjAwIiBoZWlnaHQ9IjM1MCI+CiAgPHJlY3Qgd2lkdGg9IjYwMCIgaGVpZ2h0PSIzNTAiIGZpbGw9IiNjY2NjY2MiPjwvcmVjdD4KICA8dGV4dCB4PSI1MCUiIHk9IjUwJSIgZG9taW5hbnQtYmFzZWxpbmU9Im1pZGRsZSIgdGV4dC1hbmNob3I9Im1pZGRsZSIgZm9udC1mYW1pbHk9Im1vbm9zcGFjZSIgZm9udC1zaXplPSIyNnB4IiBmaWxsPSIjMzMzMzMzIj42MDAqMzUwPC90ZXh0PiAgIAo8L3N2Zz4=

플레이스 홀더 이미지란 무엇입니까?

영어로 PlaceHolder라고 불리는 자리 표시자는 텍스트 자리 표시자 및 그림 자리 표시자와 같이 실제 콘텐츠를 채울 필요는 없지만 해당 위치를 유지해야 하는 시나리오에서 일반적으로 사용됩니다. 이 도구는 자리 표시자 이미지를 생성하는 기능을 제공합니다. 생성된 자리 표시자 이미지는 SVG 형식입니다. SVG 생성 프로세스는 클라이언트(브라우저)에서 완료되며 매우 빠르므로 이 도구를 SVG 자리 표시자 이미지 도구라고도 합니다. .
자리 표시자 이미지는 주로 웹 페이지(APP) 프로토타입 디자인, PPT 시연, 작동 지침 및 기타 장면에 사용되며, 여기에 어떤 종류의 그림이 배치될 것인지, 크기는 xxx픽셀이라는 의미를 전달합니다. 위의 시나리오에서 자리 표시자 이미지를 사용하면 매번 사진을 찾아야 하는 시간 비용을 피할 수 있습니다.