본문 바로가기

노트북으로 협업하는 대학생

교육 · 사람·팀 · edu-007 · 가로·세로 마스터 2장에서 11종 + 가까운 세로판 3종

생성형 AI로 만든 이미지
메인 히어로hero · 1920×1080 · WebP 53KB 크게 보기
메인 히어로 크기로 자른 노트북으로 협업하는 대학생 이미지

가로 마스터에서 8종

세로 마스터에서 3종

가까운 세로판 3종 · 사람이 나오는 장면

텍스트 여백

오른쪽

세로판은 위쪽 벽·창가에 문구를 얹습니다.

밝기

밝음

검은 글씨를 쓰세요.

주요 색

DDDEE0989689A5A7A0BDC0C0

초점 (주인공 위치)

object-position: 25% 50%

화면 비율이 바뀌어도 이 자리가 남도록 잘라 두었습니다.

대체 텍스트 초안

KO햇살이 비치는 밝은 라운지의 작은 원탁에서 노트북을 함께 보며 웃는 니트 차림의 남녀 대학생

ENTwo university students in knitwear smiling over a laptop at a small round table in a sunlit lounge

이 이미지가 들어간 홈페이지 예시

홈페이지 첫 화면에 넣은 모습입니다. 데스크톱에는 hero, 휴대폰에는 mobile-hero-close가 자동으로 바뀝니다.

www.내홈페이지.com
노트북으로 협업하는 대학생 이미지를 히어로에 넣은 홈페이지 예시
[회사명]회사소개사업분야프로젝트문의
함께 성장하는
든든한 파트너
[회사 소개 한 줄 — 무엇을 누구에게 하는 회사인지] 상담 문의
같은 홈페이지를 휴대폰에서 본 모습
[회사명]
함께 성장하는
든든한 파트너
상담 문의
웹즐 고객

붙여 넣으면 끝나는 코드

데스크톱과 휴대폰에 다른 이미지를 보여 주고, 크기를 미리 적어 화면 밀림을 막습니다. 대체 텍스트와 초점 위치도 들어 있습니다.

무료 회원은 고른 크기 하나의 <img> 코드를 받습니다.

picture.html
<picture>
  <source media="(max-width: 767px)"
          srcset="students-laptop-lounge-mobile-hero-close-1080x1920.webp"
          width="1080" height="1920">
  <img src="students-laptop-lounge-hero-1920x1080.webp"
       srcset="students-laptop-lounge-hero-1920x1080.webp 1x,
               students-laptop-lounge-hero-2880x1620.webp 2x"
       width="1920" height="1080"
       style="object-fit: cover; object-position: 25% 50%"
       alt="햇살이 비치는 밝은 라운지의 작은 원탁에서 노트북을 함께 보며 웃는 니트 차림의 남녀 대학생"
       fetchpriority="high">
</picture>

이 세트의 낱장 이미지

가로·세로 원본과 세트에 쓰지 않은 다른 컷을 한 장씩, 긴 변 1920·1200·640px로 받습니다.

낱장 12장 모두 보기

같은 업종의 다른 세트

교육 컬렉션