선생님과 블록 놀이
유치원·어린이집 · 사람·팀 · kids-002 · 가로·세로 마스터 2장에서 11종 + 가까운 세로판 3종
텍스트 자리
글자 넣어 보기
크기는 원본 1920px 폭 기준입니다. 글꼴은 이 기기에 있는 것만 보이며, 서버로 보내지 않습니다. 코드는 지금 자리·글꼴·색 그대로 이미지 위에 글을 얹는 HTML·CSS입니다.
상자를 끌어 옮기고 모서리를 끌어 크기를 바꿉니다. 가운데에 가까이 가면 붙고, 놓으면 조금 미끄러지다 사진 가장자리에서 튕깁니다.상자를 꾹 누른 채 옮기고 모서리를 끌어 크기를 바꿉니다. 입력한 문구는 이 브라우저에만 남습니다.
세로 마스터에서 3종
가까운 세로판 3종 · 사람이 나오는 장면
텍스트 여백
오른쪽
세로판은 위쪽 벽·창가에 문구를 얹습니다.
밝기
밝음
검은 글씨를 쓰세요.
주요 색
C1AF90CFC1A8DDD7C8AA8762
초점 (주인공 위치)
object-position: 25% 50%
화면 비율이 바뀌어도 이 자리가 남도록 잘라 두었습니다.
대체 텍스트 초안
KO햇살 드는 교실 바닥 러그에서 선생님과 아이 셋이 원목 블록으로 노는 모습, 오른쪽은 빈 크림색 벽
ENA teacher and three children playing with wooden blocks on a rug in a sunlit room, a plain cream wall on the right
이 이미지가 들어간 홈페이지 예시
홈페이지 첫 화면에 넣은 모습입니다. 데스크톱에는 hero, 휴대폰에는 mobile-hero-close가 자동으로 바뀝니다.
[회사명]회사소개사업분야프로젝트문의
함께 성장하는
든든한 파트너 [회사 소개 한 줄 — 무엇을 누구에게 하는 회사인지] 상담 문의
든든한 파트너 [회사 소개 한 줄 — 무엇을 누구에게 하는 회사인지] 상담 문의
[회사명]
함께 성장하는
든든한 파트너상담 문의
든든한 파트너상담 문의
웹즐 고객
붙여 넣으면 끝나는 코드
데스크톱과 휴대폰에 다른 이미지를 보여 주고, 크기를 미리 적어 화면 밀림을 막습니다. 대체 텍스트와 초점 위치도 들어 있습니다.
무료 회원은 고른 크기 하나의 <img> 코드를 받습니다.
<picture>
<source media="(max-width: 767px)"
srcset="teacher-kids-wooden-blocks-mobile-hero-close-1080x1920.webp"
width="1080" height="1920">
<img src="teacher-kids-wooden-blocks-hero-1920x1080.webp"
srcset="teacher-kids-wooden-blocks-hero-1920x1080.webp 1x,
teacher-kids-wooden-blocks-hero-2880x1620.webp 2x"
width="1920" height="1080"
style="object-fit: cover; object-position: 25% 50%"
alt="햇살 드는 교실 바닥 러그에서 선생님과 아이 셋이 원목 블록으로 노는 모습, 오른쪽은 빈 크림색 벽"
fetchpriority="high">
</picture>
이 세트의 낱장 이미지
가로·세로 원본과 세트에 쓰지 않은 다른 컷을 한 장씩, 긴 변 1920·1200·640px로 받습니다.



