본문 바로가기

정밀 장비를 점검하는 엔지니어

제조·산업 · 사람·팀 · ind-002 · 가로·세로 마스터 2장에서 11종 + 가까운 세로판 3종

생성형 AI로 만든 이미지
서브 비주얼subvisual · 1920×520 · WebP 40KB 크게 보기
서브 비주얼 크기로 자른 정밀 장비를 점검하는 엔지니어 이미지

가로 마스터에서 8종

세로 마스터에서 3종

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

텍스트 여백

오른쪽

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

밝기

밝음

검은 글씨를 쓰세요.

주요 색

A7B3BE0D15188C9093343B40

초점 (주인공 위치)

object-position: 25% 50%

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

대체 텍스트 초안

KO흰 안전모를 쓴 남녀 엔지니어가 태블릿을 들고 공장의 정밀 기계를 올려다보는 모습

ENTwo engineers in white hard hats holding a tablet and looking up at a precision machine in a bright factory

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

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

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

붙여 넣으면 끝나는 코드

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

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

picture.html
<picture>
  <source media="(max-width: 767px)"
          srcset="engineers-machine-inspection-mobile-hero-close-1080x1920.webp"
          width="1080" height="1920">
  <img src="engineers-machine-inspection-hero-1920x1080.webp"
       srcset="engineers-machine-inspection-hero-1920x1080.webp 1x,
               engineers-machine-inspection-hero-2880x1620.webp 2x"
       width="1920" height="1080"
       style="object-fit: cover; object-position: 25% 50%"
       alt="흰 안전모를 쓴 남녀 엔지니어가 태블릿을 들고 공장의 정밀 기계를 올려다보는 모습"
       fetchpriority="high">
</picture>

이 세트의 낱장 이미지

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

낱장 9장 모두 보기

같은 업종의 다른 세트

제조·산업 컬렉션