본문 바로가기

크리에이터 스튜디오 책상

코칭·온라인 클래스 · 공간 · coach-001 · 가로·세로 마스터 2장에서 11종

생성형 AI로 만든 이미지
서브 비주얼subvisual · 1920×520 · WebP 55KB 크게 보기
서브 비주얼 크기로 자른 크리에이터 스튜디오 책상 이미지

텍스트 여백

왼쪽

세로판은 위쪽 여백에 문구를 얹습니다.

밝기

밝음

검은 글씨를 쓰세요.

주요 색

B0A48EA28D6DD4C1A5846A49

초점 (주인공 위치)

object-position: 75% 50%

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

대체 텍스트 초안

KO햇살이 드는 창가에 크림색 안락의자와 원목 테이블, 작은 링 조명과 머그가 놓인 크리에이터 공간

ENA sunlit creator corner with a cream armchair, wooden side table, small ring light and mug by the window

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

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

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

붙여 넣으면 끝나는 코드

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

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

picture.html
<picture>
  <source media="(max-width: 767px)"
          srcset="sunlit-creator-corner-mobile-hero-1080x1920.webp"
          width="1080" height="1920">
  <img src="sunlit-creator-corner-hero-1920x1080.webp"
       srcset="sunlit-creator-corner-hero-1920x1080.webp 1x,
               sunlit-creator-corner-hero-2880x1620.webp 2x"
       width="1920" height="1080"
       style="object-fit: cover; object-position: 75% 50%"
       alt="햇살이 드는 창가에 크림색 안락의자와 원목 테이블, 작은 링 조명과 머그가 놓인 크리에이터 공간"
       fetchpriority="high">
</picture>

이 세트의 낱장 이미지

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

낱장 2장 모두 보기

같은 업종의 다른 세트

코칭·온라인 클래스 컬렉션