백그라운드 기능을 사용하면 블록에 적용된 배경 이미지의 표시 비율과 위치(좌·중앙·우, 상·중앙·하)를 자유롭게 조정할 수 있습니다.
이를 통해 화면에 보이는 이미지 구성을 원하는 형태로 맞출 수 있습니다.
배경 이미지의 크기 설정하는 법
① Auto : 원본 비율을 유지하면서 기본 이미지 크기로 표시됩니다.
② Cover : 이미지가 블록 전체 배경을 꽉 채우면서 확대 또는 잘림 처리됩니다.
③ Contain : 원본 비율을 유지하면서 이미지 전체가 보이도록 축소됩니다. 빈 여백이 생길 수 있습니다.
④ Fill : 이미지의 원본 높이에 맞춰 블록 영역 높이도 함께 조정됩니다.
원본 이미지 500X500
블록 영역을 기준으로 원본 비율을 유지하면서
기본 이미지 크기로 표시됩니다.
블록 영역을 기준으로 이미지가 블록 전체 배경을
꽉 채우면서 확대 또는 잘림 처리됩니다.
블록 영역을 기준으로 이미지 전체가 보이도록
축소됩니다. 빈 여백이 생길 수 있습니다.
이미지의 원본 높이에 맞춰
블록 영역 높이도 함께 조정됩니다.
배경 이미지의 위치 설정하는 법
배경 이미지 위치 설정 기능은 블록 내에서 배경 이미지가 표시될 정확한 위치를 지정하는 기능입니다.
오른쪽 미리보기 박스 안의 파란색 네모 박스를 선택하여, 이미지가 표시될 기준점을 상·중·하, 좌·중·우 중 원하는 위치로 맞출 수 있습니다.
이를 통해 이미지의 중요한 부분이 잘리지 않도록 조정하거나, 의도한 구도로 화면에 배치할 수 있습니다.
이 설정은 백그라운드 표시 방식이 ‘Cover’로 선택된 경우에 유효하며,
이미지가 블록을 꽉 채우는 과정에서 잘리는 부분을 최소화하거나 중요한 영역이 중앙에 오도록 조정할 때 주로 사용됩니다.
도움말을 통해 문제를 해결하지 못하셨나요?
1:1 문의를 남겨주시면 빠르고 정확하게 도와드릴게요.
1대1 문의 바로가기
1:1 문의를 남겨주시면 빠르고 정확하게 도와드릴게요.
Weven Co., Ltd.
Address: (Sejong Head Office) Room 401, Building U, Industry-Academic Cooperation Building, 2639 Sejong-ro, Jochiwon-eup, Sejong Special Self-Governing City
(Seoul Branch Office) Room 319, Building B, High-tech Industry Center, 330 Seongam-ro, Mapo-gu, Seoul
(Eunpyeong Branch Office) 11-1, Yeonseo-ro 34-gil, Eunpyeong-gu, Seoul (Bulkwang-dong, Eunpyeong Startup Support Center)
(Gwangju Branch Office) 193-12, Geumnam-ro, Dong-gu, Gwangju, Room 503 (Geumnam-ro 4-ga, Gwangju AI Startup Camp Room 2)
Representative name: Kim Jeong-hwan
Business registration number: 589-81-02761
Mail order business report number: 2022-Asan, Chungnam-1090
COPYRIGHT WEVEN CORP. ALL RIGHTS RESERVED
